.contact-layout.contact-direct-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px}.contact-channels{display:grid;gap:16px;align-content:start}.contact-channel{display:flex;align-items:flex-start;gap:20px;background:#f5f5f7;border:1px solid #e9e9ed;border-radius:18px;padding:25px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.contact-channel:hover{transform:translateY(-3px);border-color:#d7d7df;box-shadow:0 8px 24px #00000008}.contact-channel>div{min-width:0}.contact-channel h2{font-size:22px;line-height:1.4}.contact-channel p{font-size:var(--font-ui,15px);line-height:1.75;color:#73737c;margin-top:7px}.contact-channel-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex-shrink:0;border-radius:15px;background:#fff;color:#bd7b1e}.contact-channel-icon .icon{width:25px;height:25px}.contact-channel-zalo{background:#f0f6ff;border-color:#dfeafa}.contact-zalo-word{font-size:17px;font-weight:800;color:#0068ff}.contact-channel-action{display:inline-flex;align-items:center;gap:9px;font-size:var(--font-ui,15px);font-weight:700;margin-top:16px}.contact-channel-action .icon{width:18px;height:18px}.contact-channel-value{display:block;margin-top:6px;font-size:var(--font-lead,18px);line-height:1.6;overflow-wrap:anywhere}.contact-store{display:flex;gap:17px;margin-top:32px;padding-top:28px;border-top:1px solid #e9e9ed}.contact-store-icon .icon{width:26px;height:26px;color:#b87d29}.contact-store h3{font-size:var(--font-lead,18px);line-height:1.5}.contact-store p{font-size:var(--font-ui,15px);line-height:1.8;color:#73737c;margin-top:8px}.contact-store a{display:inline-flex;align-items:center;gap:9px;font-size:var(--font-ui,15px);font-weight:650;margin-top:15px}.contact-store a .icon{width:18px;height:18px}
.quick-contact{position:fixed;right:24px;bottom:88px;z-index:30;display:flex;flex-direction:column;gap:12px}.quick-contact-link{position:relative;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid #e4e4e8;border-radius:50%;background:#fff;color:#242429;box-shadow:0 5px 18px #00000009;transition:transform .2s ease,box-shadow .2s ease}.quick-contact-link:hover,.quick-contact-link:focus-visible{transform:translateY(-3px);box-shadow:0 8px 22px #00000014}.quick-contact-link .icon{width:24px;height:24px}.quick-contact-zalo{color:#0068ff}.quick-contact-phone{color:#b67b22}.quick-zalo-word{font-size:14px;font-weight:800;letter-spacing:-.5px}.quick-contact-label{position:absolute;right:calc(100% + 12px);padding:8px 13px;background:#222228;color:#fff;white-space:nowrap;border-radius:8px;font-size:var(--font-small,14px);opacity:0;transform:translateX(5px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.quick-contact-link:hover .quick-contact-label,.quick-contact-link:focus-visible .quick-contact-label{opacity:1;transform:translateX(0)}.quick-contact-zalo:before{content:"";position:absolute;inset:-1px;border:1px solid #0068ff45;border-radius:50%;pointer-events:none;animation:quick-contact-ring 3s ease-out 3}@keyframes quick-contact-ring{0%,30%{opacity:0;transform:scale(1)}40%{opacity:.5}85%,100%{opacity:0;transform:scale(1.25)}}
@media(max-width:1000px){.contact-layout.contact-direct-layout{gap:40px}}@media(max-width:800px){.contact-layout.contact-direct-layout{grid-template-columns:1fr;gap:32px}.contact-copy>p{max-width:none}.quick-contact{right:14px;bottom:78px;gap:10px}.quick-contact-link{width:48px;height:48px}.quick-contact-link .icon{width:22px;height:22px}}@media(max-width:480px){.contact-channel{padding:20px;gap:14px}.contact-channel h2{font-size:20px}.contact-channel-icon{width:43px;height:43px;border-radius:12px}.quick-contact{bottom:72px;right:14px;gap:9px}.quick-contact-link{width:44px;height:44px}.quick-zalo-word{font-size:13px}.quick-contact-label{max-width:calc(100vw - 90px);white-space:normal}}
@media(prefers-reduced-motion:reduce){.quick-contact-zalo:before{animation:none}.quick-contact-link,.quick-contact-label,.contact-channel{transition:none}.quick-contact-link:hover,.quick-contact-link:focus-visible,.contact-channel:hover{transform:none}}