{"id":842,"date":"2026-06-08T21:44:18","date_gmt":"2026-06-09T01:44:18","guid":{"rendered":"https:\/\/boutique.cosmolyo.ca\/?page_id=842"},"modified":"2026-07-24T23:38:56","modified_gmt":"2026-07-25T03:38:56","slug":"categories","status":"publish","type":"page","link":"https:\/\/boutique.cosmolyo.ca\/en\/categories\/","title":{"rendered":"Cat\u00e9gories"},"content":{"rendered":"<style>\n  .cosmolyo-categories {\n    --cosmo-navy: #1A1A2E;\n    --cosmo-red: #C92B12;\n    --cosmo-red-dark: #A9230F;\n    --cosmo-border: #DDE5EC;\n    padding: 72px 24px 78px;\n    background:\n      radial-gradient(circle at top left, rgba(47, 93, 138, 0.08), transparent 32%),\n      linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%);\n  }\n\n  .cosmolyo-categories-inner {\n    width: min(1220px, 100%);\n    margin: 0 auto;\n  }\n\n  .cosmolyo-categories-head {\n    max-width: 820px;\n    margin: 0 auto 38px;\n    text-align: center;\n  }\n\n  .cosmolyo-categories-kicker {\n    margin: 0 0 10px;\n    color: var(--cosmo-red);\n    font-size: 13px;\n    font-weight: 800;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n  }\n\n  .cosmolyo-categories-title {\n    margin: 0;\n    color: var(--cosmo-navy);\n    font-size: clamp(32px, 4vw, 48px);\n    line-height: 1.12;\n    letter-spacing: -0.025em;\n  }\n\n  .cosmolyo-categories-lead {\n    margin: 16px auto 0;\n    color: #465367;\n    font-size: 18px;\n    line-height: 1.65;\n  }\n\n  .cosmolyo-category-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n  }\n\n  .cosmolyo-category-card {\n    position: relative;\n    min-height: 390px;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.22);\n    border-radius: 20px;\n    box-shadow: 0 18px 40px rgba(26, 26, 46, 0.16);\n    isolation: isolate;\n  }\n\n  .cosmolyo-category-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -2;\n    background-image: var(--category-image);\n    background-size: cover;\n    background-position: var(--category-position, center);\n    transition: transform 420ms ease;\n  }\n\n  .cosmolyo-category-card::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    background: linear-gradient(\n      180deg,\n      rgba(15, 20, 32, 0.08) 0%,\n      rgba(15, 20, 32, 0.18) 38%,\n      rgba(15, 20, 32, 0.88) 100%\n    );\n  }\n\n  .cosmolyo-category-card:hover::before,\n  .cosmolyo-category-card:focus-within::before {\n    transform: scale(1.045);\n  }\n\n  .cosmolyo-category-link {\n    display: flex;\n    min-height: 390px;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 28px;\n    color: #FFFFFF !important;\n    text-decoration: none !important;\n  }\n\n  .cosmolyo-category-number {\n    margin-bottom: 10px;\n    color: #FFB3A3;\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n  }\n\n  .cosmolyo-category-card h2 {\n    margin: 0;\n    color: #FFFFFF;\n    font-size: 28px;\n    line-height: 1.18;\n  }\n\n  .cosmolyo-category-card p {\n    margin: 12px 0 0;\n    color: rgba(255, 255, 255, 0.88);\n    font-size: 15px;\n    line-height: 1.55;\n  }\n\n  .cosmolyo-category-action {\n    display: inline-flex;\n    width: fit-content;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    margin-top: 20px;\n    padding: 10px 18px;\n    color: #FFFFFF;\n    background: var(--cosmo-red);\n    border: 2px solid var(--cosmo-red);\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.2;\n    transition: background-color 180ms ease, border-color 180ms ease;\n  }\n\n  .cosmolyo-category-link:hover .cosmolyo-category-action,\n  .cosmolyo-category-link:focus-visible .cosmolyo-category-action {\n    background: var(--cosmo-red-dark);\n    border-color: var(--cosmo-red-dark);\n  }\n\n  .cosmolyo-category-link:focus-visible {\n    outline: 3px solid #FFFFFF;\n    outline-offset: -6px;\n  }\n\n  .cosmolyo-categories-footer {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: 24px;\n    margin-top: 34px;\n    padding: 26px 28px;\n    color: var(--cosmo-navy);\n    background: #FFFFFF;\n    border: 1px solid var(--cosmo-border);\n    border-radius: 18px;\n    box-shadow: 0 12px 30px rgba(26, 26, 46, 0.08);\n  }\n\n  .cosmolyo-categories-footer h3 {\n    margin: 0;\n    color: var(--cosmo-navy);\n    font-size: 22px;\n    line-height: 1.3;\n  }\n\n  .cosmolyo-categories-footer p {\n    margin: 7px 0 0;\n    color: #4C5A6F;\n    line-height: 1.55;\n  }\n\n  .cosmolyo-categories-footer-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .cosmolyo-categories-footer a {\n    display: inline-flex;\n    min-height: 46px;\n    align-items: center;\n    justify-content: center;\n    padding: 11px 20px;\n    border-radius: 999px;\n    font-weight: 800;\n    line-height: 1.2;\n    text-align: center;\n    text-decoration: none !important;\n  }\n\n  .cosmolyo-categories-footer .is-primary {\n    color: #FFFFFF !important;\n    background: var(--cosmo-red);\n    border: 2px solid var(--cosmo-red);\n  }\n\n  .cosmolyo-categories-footer .is-primary:hover,\n  .cosmolyo-categories-footer .is-primary:focus-visible {\n    background: var(--cosmo-red-dark);\n    border-color: var(--cosmo-red-dark);\n  }\n\n  .cosmolyo-categories-footer .is-secondary {\n    color: var(--cosmo-navy) !important;\n    background: #FFFFFF;\n    border: 2px solid var(--cosmo-navy);\n  }\n\n  .cosmolyo-categories-footer .is-secondary:hover,\n  .cosmolyo-categories-footer .is-secondary:focus-visible {\n    color: #FFFFFF !important;\n    background: var(--cosmo-navy);\n  }\n\n  @media (max-width: 980px) {\n    .cosmolyo-category-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n\n    .cosmolyo-category-card:last-child {\n      grid-column: 1 \/ -1;\n    }\n\n    .cosmolyo-category-card:last-child,\n    .cosmolyo-category-card:last-child .cosmolyo-category-link {\n      min-height: 340px;\n    }\n\n    .cosmolyo-categories-footer {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 680px) {\n    .cosmolyo-categories {\n      padding: 48px 16px 54px;\n    }\n\n    .cosmolyo-categories-head {\n      margin-bottom: 28px;\n    }\n\n    .cosmolyo-categories-lead {\n      font-size: 16px;\n    }\n\n    .cosmolyo-category-grid {\n      grid-template-columns: 1fr;\n      gap: 16px;\n    }\n\n    .cosmolyo-category-card:last-child {\n      grid-column: auto;\n    }\n\n    .cosmolyo-category-card,\n    .cosmolyo-category-card:last-child,\n    .cosmolyo-category-link,\n    .cosmolyo-category-card:last-child .cosmolyo-category-link {\n      min-height: 310px;\n    }\n\n    .cosmolyo-category-link {\n      padding: 24px 22px;\n    }\n\n    .cosmolyo-category-card h2 {\n      font-size: 25px;\n    }\n\n    .cosmolyo-categories-footer {\n      margin-top: 24px;\n      padding: 22px 20px;\n    }\n\n    .cosmolyo-categories-footer-actions {\n      flex-direction: column;\n      align-items: stretch;\n    }\n\n    .cosmolyo-categories-footer a {\n      width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .cosmolyo-category-card::before,\n    .cosmolyo-category-action {\n      transition: none;\n    }\n  }\n<\/style>\n\n<section class=\"cosmolyo-categories\" aria-labelledby=\"cosmolyo-categories-title\">\n  <div class=\"cosmolyo-categories-inner\">\n    <header class=\"cosmolyo-categories-head\">\n      <p class=\"cosmolyo-categories-kicker\">Explorer nos gammes<\/p>\n      <h2 id=\"cosmolyo-categories-title\" class=\"cosmolyo-categories-title\">Choisissez l\u2019univers Cosmo Lyo qui r\u00e9pond \u00e0 votre besoin<\/h2>\n      <p class=\"cosmolyo-categories-lead\">Poudres pour vos formulations, fruits pour vos cr\u00e9ations ou bonbons pour la revente : acc\u00e9dez directement \u00e0 la gamme qui correspond \u00e0 votre activit\u00e9.<\/p>\n    <\/header>\n\n    <div class=\"cosmolyo-category-grid\">\n      <article class=\"cosmolyo-category-card\" style=\"--category-image:url('https:\/\/boutique.cosmolyo.ca\/wp-content\/uploads\/2026\/06\/Fraise-P.png');--category-position:50% 35%;\">\n        <a class=\"cosmolyo-category-link\" href=\"https:\/\/boutique.cosmolyo.ca\/en\/product-category\/poudres\/\" aria-label=\"Explorer les poudres de fruits lyophilis\u00e9s\">\n          <span class=\"cosmolyo-category-number\">Gamme 01<\/span>\n          <h2>Freeze-dried fruit powders<\/h2>\n          <p>Pour les p\u00e2tisseries, chocolateries, boissons, m\u00e9langes secs et formulations qui recherchent une saveur concentr\u00e9e avec peu d\u2019apport d\u2019eau.<\/p>\n          <span class=\"cosmolyo-category-action\">Explorer les poudres<\/span>\n        <\/a>\n      <\/article>\n\n      <article class=\"cosmolyo-category-card\" style=\"--category-image:url('https:\/\/boutique.cosmolyo.ca\/wp-content\/uploads\/2026\/06\/Macro-v3.png');--category-position:48% 0%;\">\n        <a class=\"cosmolyo-category-link\" href=\"https:\/\/boutique.cosmolyo.ca\/en\/product-category\/fruits\/\" aria-label=\"Explorer les fruits lyophilis\u00e9s\">\n          <span class=\"cosmolyo-category-number\">Gamme 02<\/span>\n          <h2>Freeze-dried fruit<\/h2>\n          <p>Des fruits croquants pour les garnitures, les inclusions, les collations, le foodservice et les assortiments destin\u00e9s \u00e0 la revente.<\/p>\n          <span class=\"cosmolyo-category-action\">D\u00e9couvrir les fruits<\/span>\n        <\/a>\n      <\/article>\n\n      <article class=\"cosmolyo-category-card\" style=\"--category-image:url('https:\/\/boutique.cosmolyo.ca\/wp-content\/uploads\/2026\/06\/gros-plan-bonbons-aux-fruits-colores-differents_392895-309472.jpg');--category-position:center center;\">\n        <a class=\"cosmolyo-category-link\" href=\"https:\/\/boutique.cosmolyo.ca\/en\/product-category\/bonbons\/\" aria-label=\"Explorer les bonbons lyophilis\u00e9s\">\n          <span class=\"cosmolyo-category-number\">Gamme 03<\/span>\n          <h2>Freeze-dried candies<\/h2>\n          <p>Une gamme color\u00e9e, l\u00e9g\u00e8re et croquante pens\u00e9e pour les boutiques, caf\u00e9s, march\u00e9s, \u00e9piceries fines et points de vente sp\u00e9cialis\u00e9s.<\/p>\n          <span class=\"cosmolyo-category-action\">Voir les bonbons<\/span>\n        <\/a>\n      <\/article>\n    <\/div>\n\n    <aside class=\"cosmolyo-categories-footer\" aria-labelledby=\"cosmolyo-categories-help-title\">\n      <div>\n        <h3 id=\"cosmolyo-categories-help-title\">Vous h\u00e9sitez entre plusieurs formats ou gammes?<\/h3>\n        <p>Notre \u00e9quipe peut vous orienter selon votre application, votre client\u00e8le, votre volume et votre mod\u00e8le de vente.<\/p>\n      <\/div>\n      <div class=\"cosmolyo-categories-footer-actions\">\n        <a class=\"is-primary\" href=\"https:\/\/boutique.cosmolyo.ca\/en\/boutique\/\">Voir toute la boutique<\/a>\n        <a class=\"is-secondary\" href=\"https:\/\/boutique.cosmolyo.ca\/en\/nous-joindre\/\">Contact us<\/a>\n      <\/div>\n    <\/aside>\n  <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Explorer nos gammes Choisissez l\u2019univers Cosmo Lyo qui r\u00e9pond \u00e0 votre besoin Poudres pour vos formulations, fruits pour vos cr\u00e9ations ou bonbons pour la revente : acc\u00e9dez directement \u00e0 la gamme qui correspond \u00e0 votre activit\u00e9. Gamme 01 Poudres de fruits lyophilis\u00e9s Pour les p\u00e2tisseries, chocolateries, boissons, m\u00e9langes secs et formulations qui recherchent une saveur&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"boxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-842","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/boutique.cosmolyo.ca\/en\/wp-json\/wp\/v2\/pages\/842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boutique.cosmolyo.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/boutique.cosmolyo.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/boutique.cosmolyo.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/boutique.cosmolyo.ca\/en\/wp-json\/wp\/v2\/comments?post=842"}],"version-history":[{"count":21,"href":"https:\/\/boutique.cosmolyo.ca\/en\/wp-json\/wp\/v2\/pages\/842\/revisions"}],"predecessor-version":[{"id":1063,"href":"https:\/\/boutique.cosmolyo.ca\/en\/wp-json\/wp\/v2\/pages\/842\/revisions\/1063"}],"wp:attachment":[{"href":"https:\/\/boutique.cosmolyo.ca\/en\/wp-json\/wp\/v2\/media?parent=842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}