.jp-occasions{display:flex;flex-direction:column;gap:2.5rem;width:100%;max-width:1080px;margin-inline:auto}.jp-occasions__groupe{display:flex;flex-direction:column;gap:1rem}.jp-occasions__theme{margin:0}.jp-occasions__liste{display:grid;grid-auto-flow:column;grid-auto-columns:60%;gap:1rem;margin:0;padding:0 0 .5rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}@media screen and (min-width:700px){.jp-occasions__liste{grid-auto-columns:30%}}@media screen and (min-width:999px){.jp-occasions__liste{grid-auto-flow:row;grid-template-columns:repeat(var(--jp-occasions-colonnes, 4),minmax(0,1fr));overflow:visible;gap:1.5rem}}.jp-occasion{scroll-snap-align:start}.jp-occasion__lien{display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:inherit}.jp-occasion__visuel{position:relative;display:block;overflow:hidden;aspect-ratio:var(--jp-occasions-ratio, .8);border-radius:var(--jp-arrondi);background:rgb(var(--text-color) / .06)}.jp-occasion__visuel img,.jp-occasion__visuel svg{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}@media(hover:hover){.jp-occasion__lien:hover img{transform:scale(1.04)}.jp-occasion__lien:hover .jp-occasion__nom{text-decoration:underline;text-underline-offset:.2em}}.jp-occasion__nom{font-family:var(--heading-font-family);text-align:center}.jp-occasion--a-relier{opacity:.5}.jp-occasion__etiquette{position:absolute;top:12px;left:12px;z-index:1;padding:6px 12px;border-radius:999px;font-family:var(--text-font-family);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;color:#fff;background:#ad523f;box-shadow:0 2px 8px #0000002e;pointer-events:none}.jp-occasion__etiquette--vert{background:#0c381c}.jp-occasion__etiquette--sauge{background:#647d69}.jp-occasion__etiquette--brun{background:#57200b}.jp-occasion__etiquette--beige{background:#ddd1c2;color:#57200b}.jp-occasion__etiquette--creme{background:#fbf4ea;color:#57200b}.jp-occasion__etiquette--dore{background:linear-gradient(135deg,#d9b45a,#b8913f 55%,#9c7a30);color:#fff}@media screen and (max-width:699px){.jp-occasion__etiquette{top:8px;left:8px;padding:5px 9px;font-size:10.5px}}.jp-occasion__date{display:block;margin-top:-.4rem;font-size:13px;text-align:center;opacity:.7}.jp-occasion .jp-fete__tampon{margin:-.2rem 0 0;font-size:1.15rem;text-align:center;white-space:normal;transform:rotate(-2deg);transform-origin:center}.jp-occasion__cta{display:none}.jp-occasion.jp-fete--bientot{order:-1}@media screen and (min-width:999px){.jp-occasions__liste{display:flex;flex-wrap:wrap;justify-content:center;gap:1.75rem 1.5rem}.jp-occasion{flex:0 0 calc((100% - (var(--c, 4) - 1) * 1.5rem) / var(--c, 4));max-width:210px;min-width:0}.jp-occasion.jp-fete--bientot{flex-basis:100%;max-width:none}.jp-fete--bientot .jp-occasion__lien{width:100%;max-width:700px;margin-inline:auto}.jp-fete--bientot .jp-occasion__lien{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center;align-content:center;column-gap:2.25rem;row-gap:.6rem}.jp-fete--bientot .jp-occasion__lien{grid-template-rows:1fr repeat(4,auto) 1fr}.jp-fete--bientot .jp-occasion__visuel{grid-row:1 / -1;grid-column:1}.jp-fete--bientot .jp-occasion__lien>:not(.jp-occasion__visuel){grid-column:2}.jp-fete--bientot .jp-occasion__nom{grid-row:2}.jp-fete--bientot .jp-occasion__date{grid-row:3}.jp-fete--bientot .jp-fete__tampon{grid-row:4}.jp-fete--bientot .jp-occasion__cta{grid-row:5}.jp-fete--bientot .jp-occasion__nom{font-size:30px;line-height:1.15;text-align:left}.jp-fete--bientot .jp-occasion__date{margin:0;font-size:15px;text-align:left}.jp-fete--bientot .jp-fete__tampon{margin:.2rem 0 0;font-size:1.6rem;text-align:left;transform-origin:left center}.jp-fete--bientot .jp-occasion__cta{display:inline-block;justify-self:start;align-self:start;margin-top:.6rem;padding:12px 22px;background:#ad523f;color:#fff;font-size:12px;letter-spacing:.15em;text-transform:uppercase}}.jp-occ-br{display:none}@media screen and (max-width:699px){.jp-occasions .jp-occasions__theme{align-self:center!important;width:fit-content!important;max-width:100%!important;text-align:center!important;text-wrap:balance}.jp-occ-br{display:inline}.jp-occasions .jp-occasion .jp-fete__tampon{font-size:17px}}.shopify-section--jp-occasions .section-header a[href*=calendrier-des-fetes]:before{content:"\a";white-space:pre}.shopify-section--jp-occasions .jp-occasion__lien{padding:8px 8px 12px;background:#fff;box-shadow:0 6px 16px #3c1e0a1f;transform:rotate(-.8deg);transition:box-shadow .25s}.shopify-section--jp-occasions .jp-occasion:nth-child(2n) .jp-occasion__lien{transform:rotate(.8deg)}.shopify-section--jp-occasions .jp-occasion__lien:hover{box-shadow:0 12px 24px #3c1e0a2e}.shopify-section--jp-occasions .jp-occasion__visuel{border-radius:0}.shopify-section--jp-occasions .jp-occasion__nom{font-family:var(--jp-font-machine, var(--heading-font-family));font-size:16px;color:#2a211c}.shopify-section--jp-occasions .jp-occasion__etiquette{border-radius:3px!important;box-shadow:none;font-family:var(--jp-font-machine, var(--heading-font-family));font-weight:400;letter-spacing:.1em;transform:rotate(-3deg)}.shopify-section--jp-occasions .jp-occasions__liste{padding:8px 4px 14px}@media(prefers-reduced-motion:reduce){.shopify-section--jp-occasions .jp-occasion__lien{transition:none}}@media screen and (max-width:699px){.shopify-section--jp-occasions .jp-occasions__liste{grid-auto-columns:62%;scrollbar-width:none;justify-content:start}.shopify-section--jp-occasions .jp-occasions__liste::-webkit-scrollbar{display:none}body:has(.shopify-section--collection-banner) .shopify-section--jp-occasions .jp-occasions__liste{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:18px 14px}body:has(.shopify-section--collection-banner) .shopify-section--jp-occasions .jp-occasion.jp-fete--bientot{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/jp-occasions.css.map */