.find-dine-briller__card.header-mode--light{--card-border: #c8a675}.find-dine-briller__card{--card-border: #8f6933}.find-dine-briller__header{margin-bottom:2.4rem;justify-items:center}.find-dine-briller__eyebrow{margin:0 0 .6rem;font-size:calc(var(--font-body-scale) * 1.2rem);letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.75)}.find-dine-briller__heading{margin:0}.find-dine-briller__list{display:flex;justify-content:center;gap:var(--grid-desktop-horizontal-spacing)}.find-dine-briller__card{--dimesion-card: 15rem;display:flex;flex-direction:column;justify-content:center;gap:var(--grid-desktop-horizontal-spacing);padding:1.8rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));text-decoration:none;text-align:center;border-radius:var(--buttons-radius);border:.1rem solid var(--card-border);height:var(--dimesion-card);min-height:100%;width:var(--dimesion-card);transition:transform var(--duration-default) ease,box-shadow var(--duration-default) ease}.find-dine-briller__card,.find-dine-briller__list{--transform-card-hover: .2rem}.find-dine-briller__card:hover{transform:translateY(calc(var(--transform-card-hover) * -1));box-shadow:0 .6rem 1.6rem rgba(var(--color-foreground),.08)}.find-dine-briller__icon{width:auto;height:4rem;object-fit:contain}.find-dine-briller__title{margin:0}.heading3-sm{font-family:var(--font-headingtwo-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.5rem);line-height:1.2;letter-spacing:calc(var(--font-heading-scale) * .04rem)}.find-dine-briller__text{margin:0;font-size:calc(var(--font-body-scale) * 1.3rem);color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.find-dine-briller__list{display:flex;justify-content:flex-start;gap:var(--grid-mobile-horizontal-spacing);overflow-x:auto;padding-bottom:var(--transform-card-hover);padding-top:var(--transform-card-hover);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.find-dine-briller__card{flex:0 0 78%;max-width:var(--dimesion-card);scroll-snap-align:start}}@media screen and (min-width:750px){.heading3-sm{font-size:calc(var(--font-heading-scale) * 1.6rem)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-find-dine-briller.css.map */
