{"id":1717,"date":"2026-08-10T16:22:02","date_gmt":"2026-08-10T16:22:02","guid":{"rendered":"https:\/\/shopyli.ma\/?st-import=d0ff8aac267098373fb2c5a5cac3855e"},"modified":"2026-08-10T19:51:57","modified_gmt":"2026-08-10T18:51:57","slug":"home","status":"publish","type":"page","link":"https:\/\/shopyli.ma\/ar\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\n\n<style>\n\n\/* =========================================================\n   STOCKSOLD HERO V4\n   FR + AR hard-coded\n   Desktop \/ tablet \/ mobile\n========================================================= *\/\n\n.ss-hero,\n.ss-hero * {\n    box-sizing: border-box;\n}\n\n.ss-hero {\n    --ss-dark: #151a24;\n    --ss-muted: #5f6672;\n    --ss-red: #ed1739;\n\n    position: relative;\n\n    width: 100%;\n    max-width: none !important;\n\n    min-height: 68vh;\n\n    overflow: hidden;\n\n    background: #f8f5f1;\n\n    border-radius: 0 0 48px 48px;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.ss-hero::before {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background-image:\n        url('\/wp-content\/uploads\/2026\/08\/STOCKSOLD-HERO.png');\n\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n\n    opacity: 1;\n\n    z-index: 0;\n\n    transform: scaleX(1);\n}\n\n\n\/* =========================================================\n   DESKTOP GRADIENT\n========================================================= *\/\n\n.ss-hero::after {\n    content: \"\";\n\n    position: absolute;\n    inset: 0;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(250,248,245,.98) 0%,\n            rgba(250,248,245,.96) 22%,\n            rgba(250,248,245,.88) 34%,\n            rgba(250,248,245,.60) 46%,\n            rgba(250,248,245,.22) 57%,\n            rgba(250,248,245,0) 70%\n        );\n\n    z-index: 1;\n\n    pointer-events: none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.ss-hero__inner {\n    position: relative;\n    z-index: 2;\n\n    width: min(1200px, calc(100% - 48px));\n    min-height: 68vh;\n\n    margin: 0 auto;\n\n    display: flex;\n    align-items: center;\n\n    padding-top: 72px;\n    padding-bottom: 54px;\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.ss-hero__content {\n    width: 50%;\n    max-width: 575px;\n\n    transform: translateY(18px);\n}\n\n\n\/* =========================================================\n   LANGUAGES\n========================================================= *\/\n\n.ss-lang-fr,\n.ss-lang-ar {\n    display: none;\n}\n\n.ss-lang-fr {\n    display: block;\n}\n\nhtml[dir=\"rtl\"] .ss-lang-fr {\n    display: none;\n}\n\nhtml[dir=\"rtl\"] .ss-lang-ar {\n    display: block;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n========================================================= *\/\n\n.ss-hero__eyebrow {\n    margin: 0 0 18px;\n\n    color: #535d69;\n\n    font-size: 14px;\n    line-height: 1.4;\n\n    font-weight: 700;\n\n    letter-spacing: .045em;\n\n    text-transform: uppercase;\n}\n\n\n.ss-hero__title {\n    max-width: 600px;\n\n    margin: 0 0 22px;\n\n    color: var(--ss-dark);\n\n    font-size: clamp(40px, 4.25vw, 61px);\n    line-height: 1.04;\n\n    font-weight: 750;\n\n    letter-spacing: -.043em;\n}\n\n\n.ss-hero__description {\n    max-width: 540px;\n\n    margin: 0 0 30px;\n\n    color: var(--ss-muted);\n\n    font-size: 16.5px;\n    line-height: 1.65;\n}\n\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n.ss-hero__button {\n    display: inline-flex;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 50px;\n\n    padding: 14px 27px;\n\n    border-radius: 999px;\n\n    background: var(--ss-red);\n\n    color: #fff !important;\n\n    text-decoration: none !important;\n\n    font-size: 13.5px;\n    line-height: 1;\n\n    font-weight: 750;\n\n    letter-spacing: .02em;\n\n    text-transform: uppercase;\n\n    transition:\n        transform .2s ease,\n        filter .2s ease;\n}\n\n\n.ss-hero__button:hover {\n    transform: translateY(-2px);\n\n    filter: brightness(.95);\n}\n\n\n\/* =========================================================\n   ARABIC DESKTOP\n========================================================= *\/\n\nhtml[dir=\"rtl\"] .ss-hero::before {\n    transform: scaleX(-1);\n}\n\n\nhtml[dir=\"rtl\"] .ss-hero::after {\n    background:\n        linear-gradient(\n            270deg,\n            rgba(250,248,245,.98) 0%,\n            rgba(250,248,245,.96) 22%,\n            rgba(250,248,245,.88) 34%,\n            rgba(250,248,245,.60) 46%,\n            rgba(250,248,245,.22) 57%,\n            rgba(250,248,245,0) 70%\n        );\n}\n\n\nhtml[dir=\"rtl\"] .ss-hero__inner {\n    direction: rtl;\n}\n\n\nhtml[dir=\"rtl\"] .ss-hero__content {\n    text-align: right;\n}\n\n\nhtml[dir=\"rtl\"] .ss-hero__eyebrow {\n    letter-spacing: 0;\n\n    text-transform: none;\n\n    font-size: 15px;\n}\n\n\nhtml[dir=\"rtl\"] .ss-hero__title {\n    letter-spacing: 0;\n\n    line-height: 1.25;\n\n    font-weight: 700;\n}\n\n\nhtml[dir=\"rtl\"] .ss-hero__description {\n    line-height: 1.9;\n}\n\n\nhtml[dir=\"rtl\"] .ss-hero__button {\n    letter-spacing: 0;\n\n    text-transform: none;\n\n    font-size: 15px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    .ss-hero {\n        min-height: 580px;\n\n        border-radius: 0 0 36px 36px;\n    }\n\n\n    .ss-hero__inner {\n        width: calc(100% - 40px);\n\n        min-height: 580px;\n\n        padding-top: 58px;\n        padding-bottom: 46px;\n    }\n\n\n    .ss-hero__content {\n        width: 60%;\n\n        max-width: 510px;\n\n        transform: translateY(8px);\n    }\n\n\n    .ss-hero__title {\n        font-size: clamp(37px, 6vw, 52px);\n    }\n\n\n    .ss-hero::before {\n        background-position: 61% center;\n    }\n\n\n    .ss-hero::after {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(250,248,245,.98) 0%,\n                rgba(250,248,245,.94) 35%,\n                rgba(250,248,245,.70) 52%,\n                rgba(250,248,245,.18) 68%,\n                rgba(250,248,245,0) 82%\n            );\n    }\n\n\n    html[dir=\"rtl\"] .ss-hero::after {\n        background:\n            linear-gradient(\n                270deg,\n                rgba(250,248,245,.98) 0%,\n                rgba(250,248,245,.94) 35%,\n                rgba(250,248,245,.70) 52%,\n                rgba(250,248,245,.18) 68%,\n                rgba(250,248,245,0) 82%\n            );\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    .ss-hero {\n        min-height: 510px;\n\n        border-radius: 0 0 24px 24px;\n\n        background: #faf8f5;\n    }\n\n\n    \/*\n       KEEP IMAGE VISIBLE.\n       No opacity reduction.\n    *\/\n\n    .ss-hero::before {\n        opacity: 1;\n\n        background-size: cover;\n\n        \/*\n           Image subjects remain on right in French.\n        *\/\n        background-position: 64% center;\n    }\n\n\n    \/*\n       IMPORTANT:\n       horizontal gradient only.\n       We protect text side without covering the product side.\n    *\/\n\n    .ss-hero::after {\n        background:\n            linear-gradient(\n                90deg,\n                rgba(250,248,245,.98) 0%,\n                rgba(250,248,245,.96) 27%,\n                rgba(250,248,245,.88) 43%,\n                rgba(250,248,245,.62) 56%,\n                rgba(250,248,245,.25) 69%,\n                rgba(250,248,245,0) 84%\n            );\n    }\n\n\n    .ss-hero__inner {\n        width: calc(100% - 32px);\n\n        min-height: 510px;\n\n        padding-top: 45px;\n        padding-bottom: 42px;\n\n        align-items: center;\n    }\n\n\n    .ss-hero__content {\n        width: 74%;\n        max-width: 300px;\n\n        transform: none;\n    }\n\n\n    \/* -----------------------\n       French mobile\n    ----------------------- *\/\n\n    .ss-hero__eyebrow {\n        margin-bottom: 11px;\n\n        font-size: 10.5px;\n        line-height: 1.5;\n\n        letter-spacing: .02em;\n    }\n\n\n    .ss-hero__title {\n        max-width: 300px;\n\n        margin-bottom: 15px;\n\n        font-size: 31px;\n        line-height: 1.07;\n\n        letter-spacing: -.035em;\n    }\n\n\n    .ss-hero__description {\n        max-width: 285px;\n\n        margin-bottom: 20px;\n\n        font-size: 13.5px;\n        line-height: 1.57;\n    }\n\n\n    .ss-hero__button {\n        min-height: 44px;\n\n        padding: 12px 19px;\n\n        font-size: 11.5px;\n    }\n\n\n    \/* =====================================================\n       ARABIC MOBILE\n    ===================================================== *\/\n\n    html[dir=\"rtl\"] .ss-hero::before {\n        \/*\n           scaleX(-1) is inherited.\n           After mirroring, products visually move left.\n        *\/\n\n        background-position: 64% center;\n    }\n\n\n    \/*\n       Clear area is now on RIGHT for Arabic.\n    *\/\n\n    html[dir=\"rtl\"] .ss-hero::after {\n        background:\n            linear-gradient(\n                270deg,\n                rgba(250,248,245,.98) 0%,\n                rgba(250,248,245,.96) 27%,\n                rgba(250,248,245,.88) 43%,\n                rgba(250,248,245,.62) 56%,\n                rgba(250,248,245,.25) 69%,\n                rgba(250,248,245,0) 84%\n            );\n    }\n\n\n    html[dir=\"rtl\"] .ss-hero__content {\n        width: 76%;\n        max-width: 305px;\n\n        margin-right: 0;\n        margin-left: auto;\n\n        text-align: right;\n    }\n\n\n    html[dir=\"rtl\"] .ss-hero__eyebrow {\n        margin-bottom: 11px;\n\n        font-size: 11.5px;\n        line-height: 1.55;\n    }\n\n\n    html[dir=\"rtl\"] .ss-hero__title {\n        max-width: 305px;\n\n        margin-bottom: 14px;\n\n        font-size: 29px;\n        line-height: 1.32;\n\n        letter-spacing: 0;\n\n        font-weight: 700;\n    }\n\n\n    html[dir=\"rtl\"] .ss-hero__description {\n        max-width: 300px;\n\n        margin-bottom: 20px;\n\n        font-size: 13px;\n        line-height: 1.85;\n    }\n\n\n    html[dir=\"rtl\"] .ss-hero__button {\n        min-height: 44px;\n\n        padding: 11px 21px;\n\n        font-size: 13.5px;\n    }\n\n}\n\n<\/style>\n\n\n<section class=\"ss-hero\">\n\n    <div class=\"ss-hero__inner\">\n\n        <div class=\"ss-hero__content\">\n\n\n            <!-- =========================\n                 FRENCH\n            ========================== -->\n\n            <div class=\"ss-lang-fr\">\n\n                <p class=\"ss-hero__eyebrow\">\n                    Bons plans \u2022 Qualit\u00e9 \u2022 Prix comp\u00e9titifs\n                <\/p>\n\n                <h1 class=\"ss-hero__title\">\n                    Des produits utiles et tendance \u00e0 prix avantageux\n                <\/h1>\n\n                <p class=\"ss-hero__description\">\n                    D\u00e9couvrez une s\u00e9lection de produits choisis pour leur\n                    qualit\u00e9, leur utilit\u00e9 et leur bon rapport qualit\u00e9-prix.\n                    Commandez simplement et payez \u00e0 la livraison.\n                <\/p>\n\n                <a\n                    class=\"ss-hero__button\"\n                    href=\"\/shop\/\"\n                >\n                    Voir les bons plans\n                <\/a>\n\n            <\/div>\n\n\n\n            <!-- =========================\n                 ARABIC\n            ========================== -->\n\n            <div\n                class=\"ss-lang-ar\"\n                lang=\"ar\"\n                dir=\"rtl\"\n            >\n\n                <p class=\"ss-hero__eyebrow\">\n                    \u0639\u0631\u0648\u0636 \u0645\u0645\u064a\u0632\u0629 \u2022 \u062c\u0648\u062f\u0629 \u2022 \u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629\n                <\/p>\n\n                <h1 class=\"ss-hero__title\">\n                    \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0648\u0639\u0635\u0631\u064a\u0629 \u0628\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u0629\n                <\/h1>\n\n                <p class=\"ss-hero__description\">\n                    \u0627\u0643\u062a\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629\n                    \u0645\u0646 \u062d\u064a\u062b \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0633\u0639\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628.\n                    \u0627\u0637\u0644\u0628 \u0628\u0633\u0647\u0648\u0644\u0629 \u0648\u0627\u062f\u0641\u0639 \u0639\u0646\u062f \u0627\u0644\u0627\u0633\u062a\u0644\u0627\u0645.\n                <\/p>\n\n                <a\n                    class=\"ss-hero__button\"\n                    href=\"\/shop\/\"\n                >\n                    \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0639\u0631\u0648\u0636\n                <\/a>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Bons plans \u2022 Qualit\u00e9 \u2022 Prix comp\u00e9titifs Des produits utiles et tendance \u00e0 prix avantageux D\u00e9couvrez une s\u00e9lection de produits choisis pour leur qualit\u00e9, leur utilit\u00e9 et leur bon rapport qualit\u00e9-prix. Commandez simplement et payez \u00e0 la livraison. Voir les bons plans \u0639\u0631\u0648\u0636 \u0645\u0645\u064a\u0632\u0629 \u2022 \u062c\u0648\u062f\u0629 \u2022 \u0623\u0633\u0639\u0627\u0631 \u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u0648\u0639\u0635\u0631\u064a\u0629 \u0628\u0623\u0633\u0639\u0627\u0631 \u0645\u0646\u0627\u0633\u0628\u0629 \u0627\u0643\u062a\u0634\u0641 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1717","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shopyli.ma\/ar\/wp-json\/wp\/v2\/pages\/1717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shopyli.ma\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shopyli.ma\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shopyli.ma\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shopyli.ma\/ar\/wp-json\/wp\/v2\/comments?post=1717"}],"version-history":[{"count":16,"href":"https:\/\/shopyli.ma\/ar\/wp-json\/wp\/v2\/pages\/1717\/revisions"}],"predecessor-version":[{"id":2559,"href":"https:\/\/shopyli.ma\/ar\/wp-json\/wp\/v2\/pages\/1717\/revisions\/2559"}],"wp:attachment":[{"href":"https:\/\/shopyli.ma\/ar\/wp-json\/wp\/v2\/media?parent=1717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}