.top-contact-feature--refresh { padding: 34px 24px !important; background: linear-gradient(180deg,#f4fbfe,#edf7fc) !important; }
.top-contact-feature--refresh .top-contact-feature__inner { max-width: 1280px !important; overflow: hidden; border: 1px solid #d9e9f4; border-radius: 28px !important; background: #fff; box-shadow: 0 20px 60px rgba(25,77,119,.08); }
.top-contact-feature--refresh .top-contact-feature__hero { display: grid !important; grid-template-columns: 1.65fr 1fr !important; min-height: 350px !important; }
.top-contact-feature--refresh .top-contact-feature__intro { padding: 24px 34px 20px !important; background: radial-gradient(circle at 14% 35%,#f3f9ff 0,transparent 38%),#fff; }
.contact-intro-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(190px,.65fr); align-items: center; gap: 20px; }
.contact-intro-copy { min-width: 0; }
.contact-product-visual { display: grid; place-items: center; min-height: 205px; border-radius: 22px; background: transparent; }
.contact-product-visual img { display: block; width: 100%; max-width: 300px; height: 205px; object-fit: contain; filter: drop-shadow(0 10px 15px rgba(20,79,112,.1)); }
.top-contact-feature--refresh .top-contact-feature__label { display: inline-flex; padding: 8px 20px !important; border-radius: 999px; background: linear-gradient(135deg,#087fc4,#0052bd) !important; color: #fff !important; font-size: .78rem !important; }
.top-contact-feature--refresh .top-contact-feature__intro h2 { margin: 12px 0 0 !important; color: #0757b7 !important; font-size: clamp(2rem,2.85vw,3.25rem) !important; line-height: 1.18 !important; letter-spacing: .03em !important; }
.top-contact-feature--refresh .top-contact-feature__intro h3 { margin: 10px 0 0; color: #0757b7; font-size: clamp(.9rem,1.2vw,1.12rem); }
.top-contact-feature--refresh .top-contact-feature__lead { max-width: 700px; margin: 7px 0 0 !important; padding: 0 !important; border: 0 !important; color: #314f61 !important; font-size: .78rem !important; line-height: 1.65 !important; }
.top-contact-feature--refresh .top-contact-feature__photo { min-height: 350px !important; height: auto !important; }
.top-contact-feature--refresh .top-contact-feature__photo img { width: 100%; height: 100%; object-fit: cover !important; object-position: center !important; }
.contact-support-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; margin-top: 15px; }
.contact-support-list span { display: flex; align-items: center; gap: 10px; min-height: 72px; padding: 10px 11px; border: 1px solid #d2e5f3; border-radius: 12px; background: linear-gradient(145deg,#f7fbff,#edf6fd); color: #244b66; font-size: .78rem; font-weight: 800; line-height: 1.45; box-shadow: 0 6px 14px rgba(28,102,145,.06); }
.contact-support-list b { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid #acd2f1; border-radius: 50%; background: #fff; color: #087bc4; font-size: 1rem; }
.contact-hours-panel { display: grid; grid-template-columns: 330px minmax(190px,.75fr) minmax(190px,.75fr) minmax(250px,1fr); align-items: center; gap: 14px; min-height: 96px; margin: 12px 28px 16px; padding: 10px 18px; border: 2px solid #6baee9; border-radius: 14px; background: linear-gradient(90deg,#fafdff,#edf6ff); box-shadow: 0 9px 24px rgba(24,104,163,.08); }
.contact-hours-panel__title { display: flex; align-items: center; gap: 12px; width: 330px; min-width: 330px; flex-shrink: 0; color: #0757b7; writing-mode: horizontal-tb !important; }
.contact-hours-panel__title > span { flex: 0 0 36px; font-size: 2rem; line-height: 1; text-align: center; }
.contact-hours-panel__title strong { display: block; min-width: 0; font-size: 22px !important; line-height: 1.3 !important; white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; writing-mode: horizontal-tb !important; }
.contact-hours-panel > div:not(.contact-hours-panel__title) { display: flex; align-items: baseline; justify-content: center; gap: 10px; min-width: 0; color: #0757b7; white-space: nowrap; }
.contact-hours-panel > div > b { padding: 6px 14px; border-radius: 8px; background: #0757b7; color: #fff; font-size: .8rem; }
.contact-hours-panel > div:not(.contact-hours-panel__title) > strong { color: #cf2f32; font-size: 40px !important; line-height: 1 !important; }
.contact-hours-panel > div > small { font-size: .75rem; font-weight: 800; }
.contact-hours-panel > i { display: none; }
.contact-hours-panel > p { margin: 0; color: #506777; font-size: 13px; line-height: 1.6; }

@media (min-width: 768px) and (max-width: 1199px) {
  .contact-hours-panel { grid-template-columns: minmax(280px,1.2fr) minmax(160px,.75fr) minmax(160px,.75fr) minmax(190px,.9fr); gap: 10px; padding-inline: 14px; }
  .contact-hours-panel__title { width: 280px; min-width: 280px; }
  .contact-hours-panel__title strong { font-size: .72rem !important; }
  .contact-hours-panel > div:not(.contact-hours-panel__title) > strong { font-size: 2.65rem !important; }
}
.top-contact-feature--refresh .top-contact-feature__grid { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 12px !important; padding: 12px 28px 0; }
.top-contact-feature--refresh .top-contact-info { position: relative; display: grid; grid-template-columns: 88px minmax(0,1fr); grid-template-rows: auto 1fr; column-gap: 14px; min-height: 132px; padding: 17px 18px 14px !important; border: 1px solid #d6e6f4 !important; border-radius: 14px; background: linear-gradient(145deg,#fff,#f9fcff); }
.top-contact-feature--refresh .top-contact-info + .top-contact-info { border-left: 1px solid #d6e6f4 !important; }
.top-contact-feature--refresh .top-contact-info__number { position: absolute; top: 14px; left: 14px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #dcecff; color: #0757b7; font-size: .76rem; font-weight: 900; }
.top-contact-feature--refresh .top-contact-info__visual { grid-column: 1; grid-row: 1 / span 2; display: grid; place-items: center; align-self: center; width: 82px; height: 78px; margin-top: 18px; }
.top-contact-feature--refresh .top-contact-info__visual svg { width: 100%; height: 100%; }
.top-contact-feature--refresh .top-contact-info h3 { grid-column: 2; min-height: 36px; margin: 0 0 5px !important; color: #0757b7 !important; font-size: .86rem !important; line-height: 1.4; }
.top-contact-feature--refresh .top-contact-info h3::after { display: none !important; }
.top-contact-feature--refresh .top-contact-info p { grid-column: 2; display: block !important; margin: 0 !important; color: #465e6d; font-size: .66rem !important; line-height: 1.55 !important; }
.top-contact-feature--refresh .top-contact-feature__footer { margin: 12px 28px 16px; padding: 10px !important; border-radius: 10px; background: #edf6ff !important; text-align: center !important; }
.top-contact-feature--refresh .top-contact-feature__footer p { color: #0757b7 !important; font-size: .82rem !important; font-weight: 800; }

@media (max-width: 767px) {
  .top-contact-feature--refresh { padding: 34px 14px !important; }
  .top-contact-feature--refresh .top-contact-feature__inner { border-radius: 18px !important; }
  .top-contact-feature--refresh .top-contact-feature__hero { display: flex !important; flex-direction: column; min-height: 0 !important; }
  .top-contact-feature--refresh .top-contact-feature__photo { order: -1; min-height: 210px !important; height: 210px !important; }
  .top-contact-feature--refresh .top-contact-feature__intro { padding: 22px 18px !important; }
  .contact-intro-layout { grid-template-columns: 1fr; gap: 8px; }
  .contact-product-visual { min-height: 125px; }
  .contact-product-visual img { max-width: 250px; height: 150px; }
  .top-contact-feature--refresh .top-contact-feature__intro h2 { margin-top: 14px !important; font-size: 2rem !important; }
  .top-contact-feature--refresh .top-contact-feature__intro h3 { font-size: .92rem; }
  .top-contact-feature--refresh .top-contact-feature__lead { font-size: .78rem !important; line-height: 1.7 !important; }
  .contact-support-list { grid-template-columns: 1fr 1fr; margin-top: 16px; }
  .contact-support-list span { min-height: 54px; padding: 7px; font-size: .6rem; }
  .contact-hours-panel { grid-template-columns: 1fr 1fr; gap: 10px; min-height: 0; margin: 12px 12px 16px; padding: 11px 12px; }
  .contact-hours-panel__title { grid-column: 1 / -1; gap: 10px; }
  .contact-hours-panel__title > span { font-size: 1.8rem; }
  .contact-hours-panel__title strong { font-size: .62rem !important; }
  .contact-hours-panel > i { display: none; }
  .contact-hours-panel > div:not(.contact-hours-panel__title) { gap: 6px; }
  .contact-hours-panel > div > b { padding: 5px 8px; font-size: .66rem; }
  .contact-hours-panel > div:not(.contact-hours-panel__title) > strong { font-size: 2rem !important; }
  .contact-hours-panel > p { grid-column: 1 / -1; font-size: .58rem; }
  .top-contact-feature--refresh .top-contact-feature__grid { grid-template-columns: 1fr !important; gap: 10px !important; padding: 14px 12px 0; }
  .top-contact-feature--refresh .top-contact-info { grid-template-columns: 72px minmax(0,1fr); min-height: 0; padding: 18px 16px 14px !important; }
  .top-contact-feature--refresh .top-contact-info + .top-contact-info { border-top: 1px solid #d6e6f4 !important; }
  .top-contact-feature--refresh .top-contact-info__number { top: 14px; left: 14px; width: 32px; height: 32px; font-size: .75rem; }
  .top-contact-feature--refresh .top-contact-info__visual { width: 66px; height: 62px; margin-top: 14px; }
  .top-contact-feature--refresh .top-contact-info h3 { min-height: 38px; margin-left: 0 !important; font-size: .86rem !important; }
  .top-contact-feature--refresh .top-contact-info p { font-size: .66rem !important; }
  .top-contact-feature--refresh .top-contact-feature__footer { margin: 14px 12px 16px; padding: 12px !important; }
  .top-contact-feature--refresh .top-contact-feature__footer p { font-size: .7rem !important; }
}