*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17202a;background:#f7f8fa;line-height:1.6}
.container{width:min(1120px,92%);margin:auto}
.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e7e9ed}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.logo{font-weight:900;letter-spacing:.08em;font-size:22px;color:#111;text-decoration:none}
.logo span{color:#1677ff}
/* Keep the LIANSHENG wordmark consistent on used-machine and model pages */
.brand{display:inline-block;font-weight:900;letter-spacing:.08em;font-size:0;color:#111;text-decoration:none;white-space:nowrap}
.brand::before{content:"LIANSHENG";font-size:22px}
.brand::after{content:".";font-size:22px;color:#1677ff}
.nav nav{display:flex;gap:25px}
.nav nav a{color:#4b5563;text-decoration:none;font-size:14px;font-weight:600}
.nav-btn{background:#111;color:white;padding:10px 18px;border-radius:7px;font-size:14px;font-weight:700;text-decoration:none}
.hero{padding:90px 0 80px;background:linear-gradient(135deg,#f7f9fc,#eef3f8)}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:#1677ff;margin:0 0 15px}
.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;color:#111820}
.lead{font-size:18px;color:#5b6572;max-width:600px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;border-radius:7px;padding:13px 22px}
.primary{background:#1677ff;color:white}
.secondary{background:white;color:#111;border:1px solid #d9dde3}
.hero .btn.secondary{background:#111820;color:#fff;border-color:#111820}
.hero-image{border-radius:16px;overflow:hidden;box-shadow:0 25px 60px rgba(20,35,55,.16);background:white}
.hero-image img{display:block;width:100%;height:auto}
.quick-facts{display:flex;gap:28px;margin-top:38px;flex-wrap:wrap}
.quick-facts div{display:flex;flex-direction:column}
.quick-facts strong{font-size:14px}
.quick-facts span{font-size:12px;color:#737d89}
.section{padding:100px 0}
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.section h2,.contact h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.035em;margin:0;color:#111820}
.text{font-size:17px;color:#5d6874}
.section-heading{max-width:720px}
.section-heading>p:last-child{color:#687380}

/* Machine listing on the main page */
.machine-list-card{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:50px;background:white;border:1px solid #e1e5ea;border-radius:14px;padding:30px;box-shadow:0 10px 35px rgba(20,35,55,.06);align-items:center}
.machine-list-image{background:#f4f6f8;border-radius:10px;overflow:hidden}
.machine-list-image img{display:block;width:100%;height:auto}
.machine-category{color:#1677ff;font-size:11px;font-weight:800;letter-spacing:.14em;margin:0 0 8px}
.machine-list-info h3{font-size:34px;margin:0 0 12px;color:#111820}
.machine-list-info p:not(.machine-category){color:#687380;margin-bottom:25px}

/* Machine detail page */
.machine-detail{padding:65px 0 100px}
.back-link{display:inline-block;color:#5b6572;text-decoration:none;font-size:14px;font-weight:700;margin-bottom:35px}
.detail-header{margin-bottom:45px}
.detail-header h1{font-size:clamp(44px,6vw,72px);line-height:1;margin:0 0 10px;color:#111820;letter-spacing:-.04em}
.detail-header p:last-child{color:#687380;font-size:17px;margin:0}
.detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}
.detail-photo{background:white;border:1px solid #e1e5ea;border-radius:14px;padding:25px;box-shadow:0 10px 35px rgba(20,35,55,.06)}
.detail-photo img{display:block;width:100%;height:auto}
.photo-note{font-size:12px;color:#8a949f;margin:12px 0 0}
.detail-specs{background:white;border:1px solid #e1e5ea;border-radius:14px;padding:30px}
.detail-specs h2{font-size:30px;margin:0 0 20px}
.spec-table{width:100%;border-collapse:collapse;margin-bottom:28px;font-size:13px}
.spec-table th,.spec-table td{padding:11px 10px;text-align:left;border:1px solid #e0e4e8}
.spec-table th{background:#edf3f8;color:#18212b;font-weight:700}
.spec-table td:first-child{font-weight:600;color:#3d4650}
.spec-table .category-row td{background:#f1f3f5;color:#1677ff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:11px}

/* Used machines */
.used-section{background:#111820;color:white}
.used-section h2{color:white}
.used-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.used-content>div:first-child>p:last-child{color:#aeb8c4;font-size:17px}
.used-card{background:#171f28;border:1px solid #303a45;border-radius:12px;padding:35px}
.used-card>span{color:#1677ff;font-size:11px;font-weight:800;letter-spacing:.14em}
.used-card h3{font-size:26px;margin:12px 0}
.used-card p{color:#aeb8c4;margin-bottom:25px}

/* Contact */
.contact{background:#1677ff;color:white;padding:85px 0}
.contact h2{color:white;max-width:680px}
.contact-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}
.contact-inner>div:first-child>p:last-child{color:#d9e8ff;font-size:17px}
.contact-box{background:white;color:#111820;padding:30px;border-radius:10px}
.label{font-size:11px;font-weight:800;letter-spacing:.14em;color:#7b8590;margin:0}
.phone{display:block;color:#111820;text-decoration:none;font-size:27px;font-weight:800;margin:3px 0 22px}
.light{background:#111820;color:white;margin-top:20px;width:100%}
footer{background:#0b1015;color:#8d98a4;padding:22px 0;font-size:12px}
.footer-inner{display:flex;justify-content:space-between;gap:20px}
.nav.scrolled{box-shadow:0 5px 20px rgba(0,0,0,.08)}

@media(max-width:900px){
  .machine-list-card,.detail-grid,.hero-grid,.two-col,.used-content,.contact-inner{grid-template-columns:1fr;gap:40px}
}
@media(max-width:700px){
  .nav nav{display:none}
  .hero{padding:55px 0}
  .hero h1{font-size:45px}
  .section,.machine-detail{padding:70px 0}
  .machine-list-card,.detail-specs{padding:18px}
  .spec-table{font-size:11px}
  .spec-table th,.spec-table td{padding:8px 6px}
  .detail-header h1{font-size:48px}
  .contact{padding:65px 0}
  .footer-inner{flex-direction:column;gap:5px}
}


/* Si-7 model specification page */
.machine-page { min-height: 70vh; }
.machine-hero {
  padding: 72px 0 58px;
  background: linear-gradient(180deg, #f4f8fb 0%, #ffffff 100%);
}
.back-link {
  display: inline-block;
  margin-bottom: 34px;
  color: #1f5f8b;
  font-weight: 700;
  text-decoration: none;
}
.machine-intro { max-width: 880px; }
.machine-intro h1 { max-width: 850px; }
.machine-intro .lead {
  font-size: 1.2rem;
  line-height: 1.75;
  color: #3d4b57;
}
.spec-section { padding: 72px 0 90px; }
.section-heading { max-width: 850px; margin-bottom: 34px; }
.section-heading p { color: #66737e; line-height: 1.7; }
.spec-list { max-width: 1050px; }
.spec-accordion {
  margin-bottom: 14px;
  border: 1px solid #dce4ea;
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(20, 40, 55, 0.05);
}
.spec-accordion summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 24px;
  cursor: pointer;
  list-style: none;
  font-size: 1.05rem;
  font-weight: 800;
  color: #173247;
}
.spec-accordion summary::-webkit-details-marker { display: none; }
.spec-accordion summary::after {
  content: "+";
  font-size: 1.5rem;
  font-weight: 400;
  color: #1f5f8b;
}
.spec-accordion[open] summary::after { content: "−"; }
.spec-toggle {
  margin-left: auto;
  font-size: 0.82rem;
  font-weight: 600;
  color: #71808b;
}
.spec-content {
  padding: 0 24px 26px;
  border-top: 1px solid #e7edf1;
  background: #fbfcfd;
}
.spec-content img {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 24px auto 14px;
  border: 1px solid #dfe6eb;
  background: white;
}
.spec-source {
  margin: 0;
  font-size: 0.82rem;
  color: #78858f;
  text-align: center;
}
.spec-note {
  max-width: 1050px;
  margin-top: 34px;
  padding: 24px 26px;
  border-radius: 12px;
  background: #f3f7fa;
  color: #42525e;
  line-height: 1.7;
}
@media (max-width: 700px) {
  .machine-hero, .spec-section {
    padding-top: 48px;
    padding-bottom: 52px;
  }
  .spec-accordion summary {
    padding: 17px 18px;
    font-size: 0.98rem;
  }
  .spec-toggle { display: none; }
  .spec-content { padding: 0 10px 18px; }
  .spec-content img { margin-top: 14px; }
}

.series-block {
  margin-top: 70px;
  padding-top: 54px;
  border-top: 1px solid #dfe7ec;
}
.series-heading {
  max-width: 850px;
  margin-bottom: 28px;
}
.series-heading h2 {
  margin-bottom: 10px;
}
.series-heading p {
  color: #66737e;
  line-height: 1.7;
}


/* Series cards and model dropdowns */
.series-list {
  display: grid;
  gap: 34px;
}
.series-card {
  padding: 30px;
  border: 1px solid #dce4ea;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 20px rgba(20, 40, 55, 0.06);
}
.series-photo-wrap {
  margin: -30px -30px 28px;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
  background: #f7f9fa;
}
.series-photo {
  display: block;
  width: 100%;
  height: auto;
  max-height: 390px;
  object-fit: contain;
}
.series-copy {
  max-width: 850px;
}
.series-copy h2 {
  margin-bottom: 10px;
}
.series-copy p {
  color: #66737e;
  line-height: 1.7;
}
.model-picker {
  margin-top: 24px;
  padding: 20px;
  border-radius: 10px;
  background: #f3f7fa;
}
.model-picker label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.86rem;
  font-weight: 800;
  color: #52616c;
}
.model-picker select {
  width: 100%;
  max-width: 460px;
  padding: 13px 42px 13px 14px;
  border: 1px solid #cbd7df;
  border-radius: 8px;
  background: #fff;
  color: #173247;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.selected-model {
  margin-top: 28px;
}
.selected-model h3 {
  margin-bottom: 16px;
  color: #173247;
}
.spec-image-frame {
  padding: 12px;
  border: 1px solid #dfe6eb;
  border-radius: 10px;
  background: #fbfcfd;
  overflow-x: auto;
}
.spec-image-frame img {
  display: block;
  width: 100%;
  max-width: 1000px;
  height: auto;
  margin: 0 auto;
  background: #fff;
}
.selected-model .spec-source {
  margin-top: 10px;
}
@media (max-width: 700px) {
  .series-card {
    padding: 20px;
  }
  .series-photo-wrap {
    margin: -20px -20px 22px;
  }
  .model-picker {
    padding: 16px;
  }
}


/* Used-machine inventory gallery */
.inventory-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}
.inventory-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 18px;
  background: #eef3f8;
  box-shadow: 0 12px 30px rgba(16, 42, 67, 0.10);
}
.inventory-photo img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.inventory-photo figcaption {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 9px 14px;
  border-radius: 9px;
  background: rgba(11, 62, 125, 0.92);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
@media (max-width: 760px) {
  .inventory-gallery { grid-template-columns: 1fr; }
}


/* Separate brand blocks on the used-machine brands page */
.used-brand-sections .section-heading { margin-bottom: 34px; }
.used-brand-block {
  margin: 0 0 18px;
  padding: 30px 34px;
  border: 1px solid rgba(20, 57, 102, 0.12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20, 57, 102, 0.06);
}
.used-brand-block:last-of-type { margin-bottom: 0; }
.used-brand-content {
  max-width: none;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  column-gap: 34px;
  align-items: center;
}
.used-brand-block h3 {
  margin: 0 0 10px;
  grid-column: 2;
}
.used-brand-block p:not(.machine-category) {
  max-width: 760px;
  margin: 0 0 20px;
  grid-column: 2;
}
.used-brand-block .btn {
  grid-column: 2;
  justify-self: start;
}

/* Used machine brand logos: fixed left column, matching display size */
.brand-logo {
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 220px;
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  background: #fff;
  border: 1px solid #e5eaf2;
  border-radius: 12px;
  padding: 10px 18px;
  box-sizing: border-box;
}
.brand-logo img {
  width: 180px;
  height: 56px;
  object-fit: contain;
  object-position: left center;
  display: block;
}

@media (max-width: 700px) {
  .used-brand-block { padding: 24px 22px; }
  .used-brand-content {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .brand-logo {
    grid-column: 1;
    grid-row: auto;
    width: 200px;
    height: 76px;
  }
  .brand-logo img {
    width: 165px;
    height: 52px;
  }
  .used-brand-block h3,
  .used-brand-block p:not(.machine-category),
  .used-brand-block .btn {
    grid-column: 1;
  }
}


/* Contact section — clean, high-contrast alignment */
.contact-info {
  width: 100%;
  box-sizing: border-box;
}
.contact-info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 20px;
  width: 100%;
  margin-top: 22px;
}
.contact-item {
  background: #ffffff;
  border: 1px solid #d8e1ec;
  border-radius: 12px;
  padding: 16px 18px;
  min-height: 78px;
  box-sizing: border-box;
}
.contact-item-wide {
  grid-column: 1 / -1;
}
.contact-label {
  font-size: 13px;
  line-height: 1.3;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 7px;
}
.contact-value {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #111827;
  overflow-wrap: anywhere;
}
.contact-value a {
  color: #0b5cab;
  text-decoration: none;
}
.contact-value a:hover {
  text-decoration: underline;
}
@media (max-width: 700px) {
  .contact-info-grid {
    grid-template-columns: 1fr;
  }
  .contact-item-wide {
    grid-column: auto;
  }
}

/* Final contact contrast and spacing override */
#contact .contact-info, #contact .contact-info * { color:#111827 !important; }
#contact .contact-info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important;margin:24px 0 0!important;align-items:stretch;}
#contact .contact-item{margin:0!important;padding:18px 20px!important;min-height:88px!important;background:#fff!important;border:1px solid #d8e1ec!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;box-sizing:border-box!important;}
#contact .contact-item-wide{grid-column:1/-1!important;}
#contact .contact-label{color:#111827!important;font-weight:700!important;margin:0 0 6px!important;}
#contact .contact-value,#contact .contact-value a,#contact .contact-value a:visited{color:#111827!important;font-weight:500!important;}
#contact .contact-value a:hover{color:#0b5cab!important;}
@media(max-width:700px){#contact .contact-info-grid{grid-template-columns:1fr!important;}#contact .contact-item-wide{grid-column:auto!important;}}

/* Contact details: consistent typography and spacing */
#contact .contact-box {
  color: #111827;
}
#contact .contact-box .label {
  margin: 0 0 6px !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #111827 !important;
}
#contact .contact-box > p:not(.label),
#contact .contact-box > a {
  display: block;
  margin: 0 0 18px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  color: #111827 !important;
  text-decoration: none;
}
#contact .contact-box > p.label:last-of-type + p,
#contact .contact-box > p.label:last-of-type + a {
  margin-bottom: 0 !important;
}
#contact .contact-box > a:hover {
  color: #0b5cab !important;
  text-decoration: underline;
}

/* Distinguish the About and New Machines sections */
#about.section {
  background-color: #ffffff;
}
#new-machines.machine-section {
  background-color: #f3f7fb;
  border-top: 1px solid #e4ebf2;
  border-bottom: 1px solid #e4ebf2;
}


/* Compact used-machine model gallery: three models per row on desktop */
.used-model-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 30px;
}
.used-model-tile {
  display: block;
  padding: 12px;
  border: 1px solid #e1e5ea;
  border-radius: 12px;
  background: #fff;
  text-decoration: none;
  color: #111820;
  box-shadow: 0 6px 18px rgba(20,35,55,.05);
  transition: transform .2s ease, box-shadow .2s ease;
}
.used-model-tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(20,35,55,.09);
}
.used-model-tile img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 8px;
}
.used-model-tile h2 {
  margin: 11px 4px 3px;
  text-align: center;
  font-size: 18px;
  line-height: 1.25;
}
@media (max-width: 760px) {
  .used-model-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 480px) {
  .used-model-grid { grid-template-columns: 1fr; }
}

/* Used-machine model cards and photo pages */
.used-model-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  gap: 34px;
  align-items: center;
  margin-top: 34px;
  padding: 26px;
  border: 1px solid #e1e5ea;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(20,35,55,.06);
}
.used-model-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
}
.used-model-info h2 { margin: 0 0 10px; }
.used-model-info p { color: #687380; margin-bottom: 22px; }
.used-photo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-top: 34px;
}
.used-photo-card {
  margin: 0;
  overflow: hidden;
  border: 1px solid #e1e5ea;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(20,35,55,.06);
}
.used-photo-card img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.used-photo-card figcaption {
  padding: 12px 15px;
  color: #39434d;
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 760px) {
  .used-model-card, .used-photo-grid { grid-template-columns: 1fr; }
  .used-model-card { padding: 18px; }
}
.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.photo-grid img{display:block;width:100%;height:auto;border-radius:10px}@media(max-width:760px){.photo-grid{grid-template-columns:1fr}}

/* Keep used-machine headings close to their model and photo galleries */
body:has(.used-model-grid) main > .section:first-child,
body:has(.photo-grid) main > .section:first-child {
  padding-bottom: 24px;
}
body:has(.used-model-grid) main > .section:has(.used-model-grid),
body:has(.photo-grid) main > .section:has(.photo-grid) {
  padding-top: 0;
}
.used-model-grid,
.used-photo-grid {
  margin-top: 18px;
}


/* Back-navigation buttons on used-machine pages */
.btn.secondary[href$="-used.html"],
.btn.secondary[href="used-machines.html"],
.btn.secondary[href="index.html"],
.btn.back-main{
  background:#1677ff;
  color:#fff;
  border-color:#1677ff;
}
.btn.secondary[href$="-used.html"]:hover,
.btn.secondary[href="used-machines.html"]:hover,
.btn.secondary[href="index.html"]:hover,
.btn.back-main:hover{
  background:#0f63d6;
  border-color:#0f63d6;
}


/* Prominent contact information panel */
#contact .contact-inner {
  grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr);
  gap: 64px;
}
#contact .contact-box {
  position: relative;
  overflow: hidden;
  padding: 34px 36px;
  background: #0b1f3a;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.2);
  border-top: 5px solid #ffffff;
  border-radius: 16px;
  box-shadow: 0 22px 50px rgba(3,20,45,.3);
}
#contact .contact-box h3 {
  margin: 0 0 26px;
  font-size: 25px;
  line-height: 1.2;
  color: #ffffff;
}
#contact .contact-box .label {
  margin: 0 0 4px !important;
  color: #78b4ff !important;
  font-size: 11px !important;
  letter-spacing: .14em;
}
#contact .contact-box > p:not(.label),
#contact .contact-box > a,
#contact .contact-box > a:visited {
  margin: 0 0 18px !important;
  padding: 0 0 18px;
  color: #ffffff !important;
  border-bottom: 1px solid rgba(255,255,255,.14);
}
#contact .contact-box > p:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0;
  border-bottom: 0;
}
#contact .contact-box > a:hover {
  color: #9ac8ff !important;
}
@media(max-width:900px){
  #contact .contact-inner{grid-template-columns:1fr;gap:34px;}
  #contact .contact-box{max-width:680px;}
}
@media(max-width:520px){
  #contact .contact-box{padding:28px 24px;}
}


/* Full-height stacked contact layout */
#contact.contact {
  min-height: calc(100svh - 72px);
  scroll-margin-top: 72px;
  display: flex;
  align-items: center;
  padding: 92px 0;
}
#contact .contact-inner {
  display: block;
}
#contact .contact-inner > div:first-child {
  max-width: 850px;
}
#contact .contact-inner > div:first-child > p:last-child {
  max-width: 760px;
  margin: 22px 0 0;
  font-size: 18px;
}
#contact .contact-box {
  width: 100%;
  max-width: none;
  margin-top: 42px;
  padding: 40px;
}
#contact .contact-box h3 {
  margin-bottom: 28px;
  font-size: 28px;
}
#contact .contact-details-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
#contact .contact-detail {
  min-height: 112px;
  padding: 22px 24px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  background: rgba(255,255,255,.07);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#contact .contact-detail-wide {
  grid-column: 1 / -1;
}
#contact .contact-detail .label {
  margin: 0 0 7px !important;
  color: #78b4ff !important;
  font-size: 11px !important;
  letter-spacing: .14em;
}
#contact .contact-detail p:not(.label),
#contact .contact-detail a,
#contact .contact-detail a:visited {
  margin: 0 !important;
  padding: 0;
  border: 0;
  color: #ffffff !important;
  font-size: 18px;
  line-height: 1.55;
  font-weight: 600;
  text-decoration: none;
}
#contact .contact-detail a:hover {
  color: #9ac8ff !important;
  text-decoration: underline;
}
@media(max-width:700px){
  #contact.contact{min-height:auto;padding:72px 0;}
  #contact .contact-box{margin-top:32px;padding:28px 22px;}
  #contact .contact-details-grid{grid-template-columns:1fr;}
  #contact .contact-detail-wide{grid-column:auto;}
  #contact .contact-detail{min-height:100px;padding:20px;}
  #contact .contact-detail p:not(.label),#contact .contact-detail a{font-size:16px;}
}