:root{--quick-contact-border-color: rgba(var(--color-border), .1);--quick-contact-background: rgb(var(--color-background));--quick-contact-text: rgb(var(--color-foreground));--quick-contact-text-subdued: rgba(var(--color-foreground), .75);--quick-contact-image-border: rgba(var(--color-foreground), .1)}.quick-contact{width:100%;max-width:100%;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;transition:box-shadow .3s ease}.quick-contact:hover{box-shadow:0 4px 20px #0000001f}.quick-contact__content{display:flex;align-items:flex-start;gap:16px;width:100%}.quick-contact__avatar-container{flex-shrink:0}.quick-contact__avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;object-position:center;border:3px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0000001a}.quick-contact__info{flex:1;min-width:0}.quick-contact__name{font-size:18px;font-weight:600;margin:0 0 8px;line-height:1.2}.quick-contact__message{font-size:14px;line-height:1.5;margin:0 0 16px;opacity:.9}.quick-contact__buttons{display:flex;gap:8px;flex-wrap:wrap}.quick-contact__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:25px;text-decoration:none;font-size:14px;font-weight:500;border:none;outline:none;transition:all .3s ease;min-height:40px;box-shadow:0 2px 4px #0000001a}.quick-contact__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.quick-contact__button-icon{width:18px;height:18px;flex-shrink:0}@media (max-width: 768px){.quick-contact{padding:16px}.quick-contact__content{flex-direction:column;align-items:center;text-align:center;gap:12px}.quick-contact__avatar{width:60px;height:60px}.quick-contact__buttons{justify-content:center;width:100%}.quick-contact__button{flex:1;min-width:100px;font-size:13px;padding:8px 12px}}@media (max-width: 480px){.quick-contact__buttons{flex-direction:column;gap:8px}.quick-contact__button{width:100%;justify-content:center}}@media (min-width: 481px) and (max-width: 768px){.quick-contact__buttons{gap:6px}.quick-contact__button{font-size:13px;padding:7px 14px}}@media (min-width: 769px){.quick-contact{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-quick-contact.css.map */