/* ============ Graustark Laundry — Design System ============ */
:root{
  --blue: #2296ED;
  --blue-dark: #1670B8;
  --blue-light: #6BB8F0;
  --slate: #3F5273;
  --slate-deep: #2A3A52;
  --terracotta: #DD6B4C;
  --terracotta-dark: #C0512F;
  --beige: #D3CFC3;
  --beige-tint: #F3F1EA;
  --beige-tint-2: #F8F7F3;
  --white: #FFFFFF;
  --ink: #26313D;
  --ink-soft: #5C6B78;
  --ink-faint: #85929C;
  --line: #E4DFD3;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 11px;
  --shadow-lg: 0 24px 48px -20px rgba(63,82,115,0.30);
  --shadow-md: 0 14px 32px -14px rgba(63,82,115,0.25);
  --shadow-sm: 0 6px 16px -8px rgba(63,82,115,0.18);
  --container: 1120px;
  --container-narrow: 640px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--white);
  color: var(--ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
h1,h2,h3,h4{
  font-family:'Plus Jakarta Sans', 'Inter', sans-serif;
  color:var(--slate);
  margin:0;
  letter-spacing:-0.01em;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit;}
.wrap{max-width:var(--container); margin:0 auto; padding:0 20px;}
.wrap-narrow{max-width:var(--container-narrow); margin:0 auto; padding:0 20px;}

.reveal{opacity:1; transform:none;}
html.js .reveal{opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease;}
html.js .reveal.is-visible{opacity:1; transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
  html.js .reveal{opacity:1; transform:none; transition:none;}
}

/* ============ HEADER / NAV ============ */
header.topbar{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,0.92);
  backdrop-filter: blur(10px);
  border-bottom:1px solid var(--line);
}
.topbar-inner{
  max-width:var(--container); margin:0 auto; padding:12px 20px;
  display:flex; align-items:center; justify-content:space-between; gap:14px;
}
.brand{display:flex; align-items:center; gap:10px;}
.brand img{height:52px; width:auto; max-width:150px; object-fit:contain;}

nav.main-nav{display:none; align-items:center; gap:24px;}
nav.main-nav a{
  font-size:14.5px; font-weight:700; color:var(--ink-soft);
  padding:6px 2px; border-bottom:2px solid transparent;
  transition:color .2s ease, border-color .2s ease;
}
nav.main-nav a:hover, nav.main-nav a.active{color:var(--blue-dark); border-color:var(--blue);}
nav.main-nav a.nav-cta-link{color:var(--blue-dark); font-weight:800;}
nav.main-nav a.nav-cta-link:hover, nav.main-nav a.nav-cta-link.active{color:var(--terracotta); border-color:var(--terracotta);}
.mobile-menu a.nav-cta-link{color:var(--blue-dark); font-weight:800;}

.nav-actions{display:flex; align-items:center; gap:10px;}
.btn-schedule-nav{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--terracotta); color:#fff; font-weight:800; font-size:13.5px;
  padding:10px 18px; border-radius:999px; white-space:nowrap;
  box-shadow:0 8px 18px -8px rgba(221,107,76,0.55);
}
.hamburger{
  display:flex; flex-direction:column; justify-content:center; gap:5px;
  width:40px; height:40px; border:1.5px solid var(--line); border-radius:10px;
  background:var(--white); cursor:pointer;
}
.hamburger span{height:2px; width:20px; background:var(--slate); margin:0 auto; border-radius:2px; transition:.25s;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.mobile-menu{
  display:none; flex-direction:column;
  position:fixed; inset:0 0 auto 0; top:66px; z-index:99;
  background:var(--white); border-bottom:1px solid var(--line);
  padding:10px 20px 24px; box-shadow:var(--shadow-md);
}
.mobile-menu.open{display:flex; animation:slideDown .25s ease;}
@keyframes slideDown{from{opacity:0; transform:translateY(-8px);} to{opacity:1; transform:translateY(0);}}
.mobile-menu a{
  padding:14px 4px; font-weight:700; font-size:15.5px; color:var(--ink);
  border-bottom:1px solid var(--line);
}
.mobile-menu a.active{color:var(--blue-dark);}

@media (min-width:900px){
  nav.main-nav{display:flex;}
  .hamburger, .mobile-menu{display:none !important;}
}

@media (max-width:560px){
  .topbar-inner{padding:8px 14px; gap:8px;}
  .brand img{height:40px; max-width:120px;}
  .nav-actions{gap:6px;}
  .btn-schedule-nav{padding:8px 12px; font-size:12px; gap:4px;}
  .hamburger{width:36px; height:36px;}
}

/* ============ BUTTONS ============ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:15px 22px; border-radius:14px; font-weight:800; font-size:15.5px;
  border:none; cursor:pointer; font-family:inherit; text-align:center;
}
.btn-block{width:100%;}
.btn-primary{background:var(--terracotta); color:#fff; box-shadow:0 12px 26px -10px rgba(221,107,76,0.55);}
.btn-primary:active{transform:translateY(1px);}
.btn-teal{background:var(--blue); color:#fff; box-shadow:0 10px 22px -10px rgba(34,150,237,0.5);}
.btn-outline{background:var(--white); color:var(--slate); border:1.5px solid var(--line);}
.btn-outline-light{background:rgba(255,255,255,0.16); color:#fff; border:1.5px solid rgba(255,255,255,0.5); backdrop-filter:blur(4px);}

/* ============ HERO ============ */
.page-hero{
  position:relative; color:#fff;
  padding: 120px 0 74px;
  background-size:cover; background-position:center;
}
.page-hero::before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(42,58,82,0.55) 0%, rgba(42,58,82,0.72) 55%, rgba(30,40,56,0.94) 100%);
}
.page-hero .wrap{position:relative; z-index:2;}
.hero-eyebrow{
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,0.15); border:1px solid rgba(255,255,255,0.35);
  padding:7px 14px; border-radius:999px; font-size:12.5px; font-weight:700; margin-bottom:18px;
}
.page-hero h1{color:#fff; font-size:34px; line-height:1.14; font-weight:800; max-width:16ch; text-shadow:0 2px 16px rgba(0,0,0,0.3);}
.page-hero p.sub{font-size:16px; line-height:1.6; color:#EDEAE0; max-width:46ch; margin-top:14px;}
.hero-btn-row{display:flex; flex-wrap:wrap; gap:12px; margin-top:26px;}
.hero-small{padding:96px 0 56px;}
.hero-small h1{font-size:28px;}

@media (min-width:640px){
  .page-hero h1{font-size:44px;}
  .hero-small h1{font-size:36px;}
}

/* ============ SECTION SCAFFOLDING ============ */
section{padding:64px 0;}
section.tint{background:var(--beige-tint);}
.section-head{max-width:640px; margin:0 auto 40px; text-align:center;}
.section-eyebrow{
  font-size:12.5px; font-weight:800; letter-spacing:0.6px; text-transform:uppercase;
  color:var(--blue-dark); margin-bottom:10px;
}
.section-title{font-size:26px; font-weight:800; margin-bottom:12px; line-height:1.2;}
.section-desc{font-size:15px; color:var(--ink-soft); line-height:1.6;}
@media (min-width:640px){ .section-title{font-size:32px;} }

/* ============ PROCESS STEPS ============ */
.steps-grid{display:grid; grid-template-columns:1fr; gap:20px;}
@media (min-width:760px){ .steps-grid{grid-template-columns:repeat(3,1fr);} }
.step-card{
  background:var(--white); border:1.5px solid var(--line); border-radius:var(--radius-md);
  padding:28px 24px; box-shadow:var(--shadow-sm); position:relative;
}
.step-num{
  width:44px; height:44px; border-radius:50%; background:var(--slate); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:18px; margin-bottom:16px;
}
.step-card h3{font-size:17.5px; margin-bottom:8px;}
.step-card p{font-size:14px; color:var(--ink-soft); line-height:1.6; margin:0;}

.numbered-list{display:flex; flex-direction:column; gap:18px; max-width:640px; margin:0 auto;}
.numbered-item{display:flex; gap:16px; align-items:flex-start;}
.numbered-item .n{
  flex-shrink:0; width:34px; height:34px; border-radius:50%; background:var(--blue); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14.5px;
}
.numbered-item h4{font-size:16px; margin-bottom:4px;}
.numbered-item p{font-size:14px; color:var(--ink-soft); line-height:1.6; margin:0;}

/* ============ CALCULATOR ============ */
.calc-wrapper{max-width:560px; margin:0 auto;}
.calc-card{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius-lg);
  box-shadow:var(--shadow-lg); padding:26px 22px 24px;
}
.step{display:none;}
.step.active{display:block; animation:fadeUp .35s ease;}
@keyframes fadeUp{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}

.calc-eyebrow{font-size:12.5px; font-weight:800; letter-spacing:0.5px; text-transform:uppercase; color:var(--blue-dark); margin-bottom:6px;}
.calc-title{font-size:21px; font-weight:800; color:var(--slate); margin:0 0 6px;}
.calc-desc{font-size:13.5px; color:var(--ink-soft); margin:0 0 18px; line-height:1.5;}

label.field-label{display:block; font-size:13px; font-weight:700; color:var(--slate); margin-bottom:8px;}
input[type="text"], input[type="email"], input[type="tel"], select, textarea{
  width:100%; padding:14px; font-size:16px; border:1.5px solid var(--line); border-radius:12px;
  background:var(--beige-tint); color:var(--ink); font-family:inherit;
}
textarea{resize:vertical; min-height:100px;}
input:focus, select:focus, textarea:focus{outline:none; border-color:var(--blue);}
.helper-text{font-size:12.5px; color:var(--ink-soft); margin-top:8px; line-height:1.4;}

.back-link{
  display:inline-flex; align-items:center; gap:4px; font-size:13px; font-weight:700; color:var(--ink-soft);
  background:none; border:none; cursor:pointer; padding:0 0 14px; font-family:inherit;
}
.zone-banner{
  display:flex; align-items:flex-start; gap:12px; background:var(--beige-tint); border:1.5px solid var(--line);
  border-radius:14px; padding:16px; margin-bottom:16px;
}
.zone-banner .icon{
  flex-shrink:0; width:38px; height:38px; border-radius:50%; background:var(--blue); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px;
}
.zone-banner p{margin:0; font-size:14.5px; line-height:1.45; color:var(--slate);}
.fallback-note{
  background:#FCF1E7; border:1.5px solid #F0D3B4; color:#8A5A22; padding:13px 14px;
  border-radius:12px; font-size:13.5px; margin-bottom:14px; line-height:1.5;
}
.btn-row{display:flex; gap:10px; margin-top:16px;}
.btn-row .btn{margin-top:0; flex:1;}
.btn-yes{background:var(--blue); color:#fff;}
.btn-change{background:var(--white); color:var(--slate); border:1.5px solid var(--line);}

/* ---------- Persistent service switcher ---------- */
.service-tabs{display:none; gap:8px; margin-bottom:20px; padding-bottom:18px; border-bottom:1.5px solid var(--line);}
.service-tabs.show{display:flex;}
.service-tab{
  flex:1; background:var(--beige-tint); border:1.5px solid var(--line); border-radius:10px;
  padding:10px 4px; font-size:11px; font-weight:700; color:var(--ink-soft);
  cursor:pointer; font-family:inherit; text-align:center; line-height:1.3;
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
.service-tab.active{background:var(--slate); border-color:var(--slate); color:#fff;}

/* ---------- Service-type step ---------- */
.service-options{display:flex; flex-direction:column; gap:12px; margin-top:4px;}
.service-option{
  display:flex; align-items:center; gap:14px; width:100%; text-align:left;
  background:var(--beige-tint); border:1.5px solid var(--line); border-radius:14px;
  padding:16px; cursor:pointer; font-family:inherit;
  transition:border-color .2s ease, background .2s ease;
}
.service-option:hover{border-color:var(--blue);}
.service-option .so-icon{
  width:44px; height:44px; border-radius:50%; background:var(--white); border:1.5px solid var(--line);
  display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0;
}
.service-option .so-text{flex-grow:1;}
.service-option .so-title{font-weight:800; font-size:15px; color:var(--slate);}
.service-option .so-desc{font-size:12.5px; color:var(--ink-soft); margin-top:2px; line-height:1.4;}
.service-option .so-arrow{color:var(--blue); font-size:20px; flex-shrink:0;}

/* ---------- ZIP input ---------- */
#zip-input{font-size:24px; font-weight:800; letter-spacing:4px; text-align:center;}
.field-error{display:none; color:var(--terracotta-dark); font-size:12.5px; font-weight:700; margin-top:8px;}
.helper-link-row{display:flex; justify-content:center; margin-top:14px;}
.helper-link{background:none; border:none; font-family:inherit; font-size:13px; font-weight:700; color:var(--blue-dark); cursor:pointer; padding:4px;}

.weight-row{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:6px;}
.weight-value{font-size:28px; font-weight:800; color:var(--slate);}
.weight-value span{font-size:15px; font-weight:700; color:var(--ink-soft);}
input[type="range"]{
  -webkit-appearance:none; appearance:none; width:100%; height:8px; border-radius:999px;
  background:linear-gradient(90deg, var(--blue) 0%, var(--blue) var(--fill,40%), var(--line) var(--fill,40%), var(--line) 100%);
  margin:14px 0 6px;
}
input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none; width:26px; height:26px; border-radius:50%; background:#fff;
  border:4px solid var(--blue); box-shadow:0 2px 8px rgba(0,0,0,0.25); cursor:pointer;
}
input[type="range"]::-moz-range-thumb{
  width:26px; height:26px; border-radius:50%; background:#fff; border:4px solid var(--blue);
  box-shadow:0 2px 8px rgba(0,0,0,0.25); cursor:pointer;
}
.presets{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:16px 0 4px;}
.preset-chip{
  background:var(--beige-tint); border:1.5px solid var(--line); border-radius:10px; padding:10px 4px;
  text-align:center; cursor:pointer; font-family:inherit;
}
.preset-chip.active{background:var(--blue); border-color:var(--blue);}
.preset-chip.active .pc-label, .preset-chip.active .pc-lbs{color:#fff;}
.pc-label{display:block; font-size:12px; font-weight:800; color:var(--slate);}
.pc-lbs{display:block; font-size:11px; color:var(--ink-soft); margin-top:2px;}

.result-box{
  background:linear-gradient(160deg, var(--slate) 0%, var(--slate-deep) 100%); border-radius:16px;
  padding:20px 18px; color:#fff; margin-top:4px;
}
.result-label{font-size:12.5px; font-weight:700; letter-spacing:0.4px; text-transform:uppercase; color:#AFC7E6; margin-bottom:4px;}
.result-total{font-size:38px; font-weight:800; margin-bottom:12px;}
.result-total span{font-size:16px; font-weight:600; color:#C7D8EE;}
.result-lines{border-top:1px solid rgba(255,255,255,0.18); padding-top:12px; font-size:13.5px;}
.result-line{display:flex; justify-content:space-between; padding:4px 0; color:#D7E2EF;}
.result-line strong{color:#fff;}
.min-note{font-size:12px; color:#AFC7E6; margin-top:4px;}
.disclaimer{font-size:12.5px; color:var(--ink-soft); text-align:center; margin:14px 0 4px; padding:10px 12px; background:var(--beige-tint); border-radius:10px;}
.cta-final{
  display:flex; align-items:center; justify-content:center; gap:8px; background:var(--terracotta); color:#fff;
  width:100%; padding:17px 18px; border-radius:14px; font-weight:800; font-size:16.5px; margin-top:16px;
  box-shadow:0 10px 24px -8px rgba(221,107,76,0.55);
}
.cta-final:active{transform:translateY(1px);}
.cta-sub{text-align:center; font-size:12px; color:var(--ink-soft); margin-top:8px;}
.edit-link{
  display:block; text-align:center; font-size:13px; font-weight:700; color:var(--blue-dark);
  background:none; border:none; margin-top:14px; cursor:pointer; font-family:inherit; width:100%;
}

/* ============ ZONE / AREA LIST ============ */
.zone-list{display:flex; flex-direction:column; gap:10px; max-width:640px; margin:0 auto;}
.zone-item{
  display:flex; align-items:center; justify-content:space-between; background:var(--white);
  border:1.5px solid var(--line); border-radius:12px; padding:14px 18px; box-shadow:var(--shadow-sm);
}
.zone-item .zn{font-weight:800; color:var(--slate); font-size:14.5px;}
.zone-item .zt{font-size:13px; color:var(--ink-soft); margin-top:2px;}
.zone-fee{font-weight:800; font-size:14.5px; color:var(--blue-dark); white-space:nowrap;}

/* ============ GALLERY ============ */
.gallery-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
@media (min-width:700px){ .gallery-grid{grid-template-columns:repeat(4,1fr);} }
.gallery-grid img{border-radius:14px; height:160px; width:100%; object-fit:cover; box-shadow:var(--shadow-sm);}
.gallery-grid .tall{grid-row: span 2; height:100%; min-height:340px;}
@media (max-width:699px){ .gallery-grid .tall{grid-row:auto; min-height:160px;} }

/* ============ FAQ ============ */
.faq-list{max-width:720px; margin:0 auto; display:flex; flex-direction:column; gap:10px;}
.faq-item{background:var(--white); border:1.5px solid var(--line); border-radius:14px; overflow:hidden;}
.faq-q{
  width:100%; text-align:left; background:none; border:none; padding:18px 20px; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:12px; font-weight:700; font-size:15px; color:var(--slate);
  font-family:inherit;
}
.faq-q .chev{transition:transform .25s ease; color:var(--blue); font-size:18px; flex-shrink:0;}
.faq-item.open .faq-q .chev{transform:rotate(45deg);}
.faq-a{max-height:0; overflow:hidden; transition:max-height .3s ease;}
.faq-a p{margin:0; padding:0 20px 18px; font-size:14px; color:var(--ink-soft); line-height:1.6;}
.faq-item.open .faq-a{max-height:200px;}

/* ============ LOCATION / CONTACT ============ */
.contact-grid{display:grid; grid-template-columns:1fr; gap:32px;}
@media (min-width:860px){ .contact-grid{grid-template-columns:1fr 1fr; align-items:start;} }
.info-card{
  background:var(--slate); color:#fff; border-radius:var(--radius-lg); padding:32px 28px;
}
.info-card h3{color:#fff; font-size:20px; margin-bottom:18px;}
.info-row{display:flex; align-items:flex-start; gap:12px; margin-bottom:16px; font-size:14.5px; color:#D7E2EF; line-height:1.5;}
.info-row .ic{font-size:18px; flex-shrink:0;}
.info-row a{color:#fff; font-weight:700;}
.info-card .hours-badge{
  display:inline-block; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.3);
  padding:6px 14px; border-radius:999px; font-size:12.5px; font-weight:700; margin-top:6px;
}
.form-card{background:var(--white); border:1.5px solid var(--line); border-radius:var(--radius-lg); padding:28px 24px; box-shadow:var(--shadow-md);}
.form-row{margin-bottom:16px;}
.form-success{
  display:none; background:var(--beige-tint); border:1.5px solid var(--line); border-radius:12px;
  padding:16px; text-align:center; font-size:14.5px; font-weight:700; color:var(--blue-dark); margin-top:14px;
}
.form-success.show{display:block;}

/* ============ ABOUT / VALUES ============ */
.icon-row{display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:28px;}
@media (min-width:700px){ .icon-row{grid-template-columns:repeat(4,1fr);} }
.icon-pill{
  background:var(--white); border:1.5px solid var(--line); border-radius:14px; padding:20px 14px;
  text-align:center; box-shadow:var(--shadow-sm); font-weight:800; font-size:13.5px; color:var(--slate); line-height:1.4;
}
.apart-grid{display:grid; grid-template-columns:1fr; gap:16px; max-width:820px; margin:0 auto;}
@media (min-width:700px){ .apart-grid{grid-template-columns:1fr 1fr;} }
.apart-card{background:var(--white); border:1.5px solid var(--line); border-radius:var(--radius-md); padding:22px 20px; box-shadow:var(--shadow-sm);}
.apart-card h4{font-size:15.5px; margin-bottom:8px; display:flex; align-items:center; gap:8px;}
.apart-card h4 .dot{width:8px; height:8px; border-radius:50%; background:var(--blue); flex-shrink:0;}
.apart-card p{font-size:13.5px; color:var(--ink-soft); line-height:1.6; margin:0;}

/* ============ SERVICES PAGE ============ */
.service-block{display:grid; grid-template-columns:1fr; gap:24px; align-items:center; margin-bottom:52px;}
@media (min-width:800px){ .service-block{grid-template-columns:1fr 1fr; gap:40px;} .service-block.rev{direction:rtl;} .service-block.rev > *{direction:ltr;} }
.service-block img{border-radius:var(--radius-lg); box-shadow:var(--shadow-md); height:280px; width:100%; object-fit:cover;}
.service-copy h3{font-size:22px; margin-bottom:6px;}
.service-copy .tag{font-size:13px; font-weight:700; color:var(--blue-dark); text-transform:uppercase; letter-spacing:0.4px; margin-bottom:10px; display:block;}
.service-copy p{font-size:15px; color:var(--ink-soft); line-height:1.7; margin:0 0 20px;}

/* ============ FOOTER ============ */
footer{background:var(--slate-deep); color:#D7E2EF; padding:52px 0 26px; margin-top:0;}
.footer-grid{display:grid; grid-template-columns:1fr; gap:36px;}
@media (min-width:800px){ .footer-grid{grid-template-columns:1.3fr 1fr 1fr;} }
.footer-brand{display:flex; align-items:center; gap:10px; margin-bottom:14px;}
.footer-brand img{height:44px; width:auto; max-width:130px; object-fit:contain; background:#fff; border-radius:10px; padding:4px 8px;}
footer p{font-size:13.5px; line-height:1.7; margin:0 0 6px;}
footer a.footer-link{color:#8FCBF2; font-weight:700;}
.footer-col h5{color:#fff; font-size:13.5px; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:14px; font-family:'Plus Jakarta Sans',sans-serif;}
.footer-col a{display:block; font-size:13.5px; color:#B7C5D4; margin-bottom:10px;}
.footer-col a:hover{color:#fff;}
.footer-cta{
  display:inline-block; background:var(--blue); color:#fff; text-decoration:none; font-weight:800;
  padding:12px 20px; border-radius:12px; margin-top:6px; font-size:13.5px;
}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.12); margin-top:38px; padding-top:20px; display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; font-size:12px; color:#8393A3;}