.contact-info{--contact-info-gap: 2rem;--contact-info-item-gap: 1rem}.contact-info__wrapper{display:flex;flex-direction:column;gap:var(--contact-info-gap)}.contact-info__header{text-align:center;max-width:50rem;margin:0 auto}.contact-info__title{margin-bottom:1rem;font-size:2.5rem;font-weight:600;color:rgb(var(--color-foreground))}.contact-info__description{font-size:1.1rem;color:rgba(var(--color-foreground),.8);line-height:1.6}.contact-info__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--contact-info-gap);margin-top:3rem}.contact-info__item{display:flex;align-items:flex-start;gap:var(--contact-info-item-gap);padding:2rem;background:rgba(var(--color-foreground),.03);border-radius:12px;border:1px solid rgba(var(--color-foreground),.1);transition:all .3s ease}.contact-info__item:hover{background:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-foreground),.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(var(--color-foreground),.1)}.contact-info__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels));border-radius:50%}.contact-info__icon svg{width:24px;height:24px}.contact-info__content{flex:1}.contact-info__item-title{font-size:1.3rem;font-weight:600;color:rgb(var(--color-foreground));margin-bottom:.5rem}.contact-info__item-content{font-size:1rem;color:rgba(var(--color-foreground),.9);line-height:1.5;margin-bottom:.5rem}.contact-info__link{color:inherit;text-decoration:none;transition:color .3s ease}.contact-info__link:hover{color:rgb(var(--color-base-accent-1));text-decoration:underline}.contact-info__additional{font-size:.9rem;color:rgba(var(--color-foreground),.7);font-style:italic}@media screen and (max-width: 749px){.contact-info__title{font-size:2rem}.contact-info__grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.contact-info__item{padding:1.5rem}.contact-info__icon{width:40px;height:40px}.contact-info__icon svg{width:20px;height:20px}}.icon-phone:before{content:"\1f4de"}.icon-email:before{content:"\2709\fe0f"}.icon-location:before{content:"\1f4cd"}.icon-clock:before{content:"\1f552"}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-contact-info.css.map */