.croque-locations{--croque-yellow: #ffbd29;--croque-cream: #fff8e8;--croque-black: #000000;--croque-blue: #3fa8f4;--croque-red: #ff3635;--croque-green: #70c663;position:relative;isolation:isolate;overflow:hidden;padding:clamp(36px,4vw,56px) 0 clamp(44px,4.5vw,64px);background:#fff;color:var(--croque-black)}.croque-locations .page-width{position:relative;z-index:2}.croque-locations__intro{position:relative;max-width:790px;margin:0 auto clamp(22px,2.4vw,32px);text-align:center}.croque-locations__eyebrow{display:inline-flex;min-height:38px;margin:0 0 14px;padding:8px 16px;border:2px solid var(--croque-black);border-radius:999px;align-items:center;gap:9px;background:var(--croque-yellow);color:var(--croque-black);font-family:var(--croque-font-button);font-size:1.2rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase;box-shadow:4px 4px 0 var(--croque-black);transform:rotate(-1deg)}.croque-locations__eyebrow svg{width:20px;height:20px;fill:currentColor}.croque-locations__heading{margin:0;color:var(--croque-black);font-family:var(--croque-font-heading);font-size:clamp(4rem,4.2vw,5.4rem);font-weight:700;letter-spacing:-.045em;line-height:.94}.croque-locations__heading strong{display:block;color:var(--croque-red);font-weight:inherit;transform:rotate(-1deg)}.croque-locations__text{max-width:58rem;margin:16px auto 0;color:#000000b8;font-family:var(--croque-font-body);font-size:clamp(1.5rem,1.25vw,1.75rem);font-weight:600;line-height:1.55}.croque-locations__text>*{margin:0}.croque-locations__route{position:absolute;z-index:-1;top:48%;right:7%;left:7%;height:110px;border-top:4px dashed var(--croque-black);border-radius:50%;opacity:.82;transform:rotate(-2deg)}.croque-locations__route span{position:absolute;display:block;width:18px;height:22px;border-radius:52% 48% 45% 55%;background:var(--croque-black);transform:rotate(28deg)}.croque-locations__route span:nth-child(1){top:-22px;left:22%}.croque-locations__route span:nth-child(2){top:0;left:43%}.croque-locations__route span:nth-child(3){top:-14px;left:66%}.croque-locations__route span:nth-child(4){top:12px;left:82%}.croque-locations__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.8vw,40px)}.croque-location-card{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;border:2px solid var(--croque-black);border-radius:30px;background:var(--croque-cream);box-shadow:8px 8px 0 var(--branch-color),0 18px 36px #0000001a;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease}.croque-location-card--1{transform:rotate(-1.2deg)}.croque-location-card--2{transform:translateY(-22px) rotate(.8deg)}.croque-location-card--3{transform:rotate(-.8deg)}.croque-location-card:hover{z-index:3;box-shadow:12px 12px 0 var(--branch-color),0 28px 48px #00000029;transform:translateY(-12px) rotate(0)}.croque-location-card__media{position:relative;height:clamp(200px,18vw,260px);margin:14px 14px 0;overflow:hidden;border:2px solid var(--croque-black);border-radius:24px 14px;background:#fff}.croque-location-card__image,.croque-location-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.croque-location-card:hover .croque-location-card__image{transform:scale(1.045)}.croque-location-card__number{position:absolute;right:14px;bottom:10px;color:var(--number-color, var(--branch-color));font-family:var(--croque-font-heading);font-size:clamp(5.6rem,7vw,9rem);font-weight:700;letter-spacing:-.07em;line-height:.8;text-shadow:-2px -2px 0 var(--croque-black),2px -2px 0 var(--croque-black),-2px 2px 0 var(--croque-black),2px 2px 0 var(--croque-black)}.croque-location-card__content{display:flex;flex:1;padding:24px;flex-direction:column}.croque-location-card__content h3{margin:0 0 12px;color:var(--croque-black);font-family:var(--croque-font-heading);font-size:clamp(2.8rem,2.8vw,4rem);line-height:1.02}.croque-location-card__description{margin-bottom:20px;color:#000000b3;font-family:var(--croque-font-body);font-size:1.4rem;font-weight:600;line-height:1.45}.croque-location-card__description>*{margin:0}.croque-location-card__details{margin-bottom:20px}.croque-location-card__detail{display:flex;margin:0;padding:11px 0;border-bottom:1px solid rgba(0,0,0,.15);align-items:flex-start;gap:10px;color:#000000bf;font-family:var(--croque-font-body);font-size:1.35rem;font-weight:600;line-height:1.4;text-decoration:none}.croque-location-card__detail svg{width:21px;height:21px;flex:0 0 auto;fill:var(--branch-color);stroke:var(--croque-black);stroke-width:.6px}.croque-location-card__button{display:flex;width:100%;min-height:52px;margin-top:auto;padding:12px 20px;border:2px solid var(--croque-black);border-radius:999px;align-items:center;justify-content:center;gap:14px;background:var(--branch-color);color:var(--croque-black);font-family:var(--croque-font-button);font-size:1.45rem;font-weight:800;text-decoration:none;transition:gap .2s ease,transform .2s ease}.croque-location-card__button:hover{gap:22px;color:var(--croque-black);transform:translateY(-2px)}.croque-locations__doodles{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.croque-locations__doodle{position:absolute;display:block;width:clamp(78px,9vw,150px);height:auto;object-fit:contain;opacity:.95}.croque-locations__doodle--1{top:28px;left:24px;transform:rotate(-8deg)}.croque-locations__doodle--2{top:42px;right:28px;transform:rotate(9deg)}.croque-locations__doodle--3{right:34px;bottom:28px;transform:rotate(-7deg)}@media screen and (max-width:989px){.croque-locations__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.croque-location-card--3{width:min(100%,calc(50% - 12px));grid-column:1 / -1;justify-self:center}.croque-locations__route{display:none}}@media screen and (max-width:749px){.croque-locations{padding:40px 0 52px}.croque-locations__intro{margin-bottom:32px}.croque-locations__heading{font-size:clamp(3.6rem,12vw,5rem)}.croque-locations__cards{display:flex;width:calc(100% + 2rem);margin-right:-2rem;padding:14px 2rem 24px 2px;overflow-x:auto;gap:20px;scroll-padding-left:2px;scroll-snap-type:x mandatory;scrollbar-width:none}.croque-locations__cards::-webkit-scrollbar{display:none}.croque-location-card,.croque-location-card--3{width:min(84vw,365px);flex:0 0 min(84vw,365px);grid-column:auto;scroll-snap-align:start;transform:none}.croque-location-card__media{height:220px}.croque-locations__doodle{width:68px}.croque-locations__doodle--1{top:12px;left:8px}.croque-locations__doodle--2{top:16px;right:8px}.croque-locations__doodle--3{right:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){.croque-location-card,.croque-location-card__image,.croque-location-card__button{transition:none}.croque-location-card:hover,.croque-location-card:hover .croque-location-card__image,.croque-location-card__button:hover{transform:none}}.croque-locations__anchor{display:block;scroll-margin-top:10rem}
/*# sourceMappingURL=/cdn/shop/t/45/assets/component-croque-locations.css.map */