/* ════════ QUALiBOX v2 — Encart de qualification (extrait des pages site/, DA claire) ════════ */
/* Alias de tokens pour le bloc extrait (scopés) */
#pour-qui, .ind-modal-overlay{
  --white:#fff;
  --border-soft:#EDF1FA;
  --blue-dark:#3F6FE0;
  --blue-soft:#EAF1FF;
  --blue-bg:#F3F7FF;
  --text:#26314E;
  --text-soft:#5A6378;
  --radius-lg:16px;
  --radius-xl:20px;
}

/* MATRIX 32 INDICATEURS */
.matrix-wrap{
  background: var(--white);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-xl);
  padding: 36px;
  box-shadow: var(--shadow-md);
}
.matrix-row{
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 24px;
  align-items: center;
  padding: 18px 0;
  border-top: 1px dashed var(--border-soft);
}
.matrix-row:first-child{ border-top: 0; padding-top: 4px; }
.matrix-row:last-child{ padding-bottom: 4px; }
.matrix-criterion{ display: flex; align-items: center; gap: 12px; }
.matrix-criterion-num{
  flex-shrink: 0; width: 36px; height: 36px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);
  color: var(--white);
  font-weight: 800; font-size: 13.5px;
  display: flex; align-items: center; justify-content: center;
  letter-spacing: -.01em;
  box-shadow: 0 4px 10px rgba(92,141,255,.30);
}
.matrix-criterion-label{ font-size: 14px; font-weight: 700; color: var(--text); line-height: 1.3; }
.matrix-criterion-label .sub{ font-size: 12px; font-weight: 500; color: var(--text-soft); display: block; margin-top: 2px; }
.matrix-indicators{ display: flex; flex-wrap: wrap; gap: 6px; }
.matrix-indicator{
  width: 32px; height: 32px;
  border-radius: 9px;
  background: var(--blue-soft);
  color: var(--blue-dark);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 700; letter-spacing: -.005em;
  transition: all .2s ease;
  cursor: pointer; border: 1.5px solid transparent;
  font-family: inherit;
}
.matrix-indicator:hover{ background: var(--blue); color: var(--white); transform: translateY(-2px); box-shadow: 0 4px 10px rgba(92,141,255,.30); }
.matrix-indicator.na{ background: var(--white); color: #B8C0D4; border-color: var(--border-soft); opacity: .65; }
/* ligne barrée .na retirée à la demande */
.matrix-indicator.applied{ background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%); color: var(--white); box-shadow: 0 6px 14px rgba(92,141,255,.30); }
.matrix-indicator.spec{ background: linear-gradient(135deg, var(--orange) 0%, #F37B19 100%); color: var(--white); box-shadow: 0 8px 18px rgba(255,159,67,.38); transform: translateY(-3px) scale(1.05); }
.matrix-foot{
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  margin-top: 24px; padding-top: 24px;
  border-top: 1px solid var(--border-soft);
  flex-wrap: wrap;
}
.matrix-foot-info{ font-size: 13.5px; color: var(--text-soft); display: inline-flex; align-items: center; gap: 8px; }
.matrix-foot-info svg{ color: var(--blue); }
.matrix-total{ font-size: 14px; font-weight: 700; color: var(--text); }
.matrix-total strong{ color: var(--blue); font-size: 22px; font-weight: 800; letter-spacing: -.015em; }
@media (max-width: 700px){
  .matrix-wrap{ padding: 24px 22px; }
  .matrix-row{ grid-template-columns: 1fr; gap: 12px; padding: 16px 0; }
}


/* === INDICATEUR FILTER (variante + spécificités cumulatif) === */
.ind-filter{ background: var(--white); border: 1px solid var(--border-soft); border-radius: var(--radius-lg); margin-bottom: 22px; box-shadow: var(--shadow-sm); overflow: hidden; }
.ind-filter-step{ padding: 22px 28px; border-bottom: 1px solid var(--border-soft); }
.ind-filter-step:last-of-type{ border-bottom: 0; }
.ind-filter-step-label{ display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: .3px; text-transform: uppercase; color: var(--text); margin-bottom: 14px; }
.ind-filter-step-label em{ font-size: 11.5px; font-weight: 500; font-style: normal; letter-spacing: .2px; text-transform: none; color: var(--text-soft); margin-left: 4px; }
.ind-filter-step-num{ width: 24px; height: 24px; border-radius: 8px; background: var(--blue-soft); color: var(--blue-dark); font-size: 12px; font-weight: 800; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
#variantPills{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; background: var(--blue-bg); padding: 6px; border-radius: 14px; border: 1px solid var(--border-soft); }
.variant-pill{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 12px 10px; background: transparent; border: none; border-radius: 10px; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 700; color: var(--text-soft); text-align: center; transition: all .2s ease; }
.variant-pill:hover{ background: rgba(92,141,255,.06); color: var(--text); }
.variant-pill.active{ background: var(--white); color: var(--blue-dark); box-shadow: 0 4px 14px rgba(60,90,160,.10), 0 1px 3px rgba(60,90,160,.04); }
.variant-pill-desc{ font-size: 11.5px; font-weight: 500; color: var(--text-soft); }
.variant-pill.active .variant-pill-desc{ color: var(--text-soft); }
#specPills{ display: flex; flex-wrap: wrap; gap: 8px; }
.spec-pill{ display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; background: var(--white); border: 1px solid var(--border); border-radius: 999px; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 600; color: var(--text); transition: all .2s ease; }
.spec-pill:hover{ border-color: var(--blue); background: var(--blue-soft); color: var(--blue-dark); transform: translateY(-1px); }
.spec-icon{ display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; flex-shrink: 0; }
.spec-icon svg{ width: 14px; height: 14px; }
.spec-icon img{ width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 2px 4px rgba(92,141,255,.18)); }
.spec-label{ font-size: 13px; font-weight: 600; line-height: 1; }
.spec-sub{ display: none; }
.spec-pill.active{ background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%); border-color: transparent; color: var(--white); box-shadow: 0 6px 16px rgba(92,141,255,.32); }
.spec-pill.active .spec-icon{ background: rgba(255,255,255,.18); color: var(--white); }
.ind-filter-summary{ padding: 16px 28px 18px; background: linear-gradient(180deg, transparent 0%, rgba(92,141,255,.04) 100%); border-top: 1px solid var(--border-soft); }
.ind-filter-summary-row{ display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.ind-filter-legend{ font-size: 12.5px; color: var(--text-soft); display: inline-flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.legend-item{ display: inline-flex; align-items: center; gap: 6px; }
.legend-dot{ display: inline-block; width: 11px; height: 11px; border-radius: 4px; flex-shrink: 0; }
.legend-base{ background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%); }
.legend-spec{ background: linear-gradient(135deg, var(--orange) 0%, #F37B19 100%); }
.legend-na{ background: var(--white); border: 1.5px solid var(--border); position: relative; }
.legend-na::after{ content: ''; position: absolute; left: 1px; right: 1px; top: 50%; height: 1.5px; background: var(--text-soft); transform: rotate(-20deg); }
.ind-filter-reset{ font-size: 12.5px; color: var(--text-soft); background: none; border: 1px solid var(--border); cursor: pointer; padding: 7px 14px; border-radius: 999px; font-weight: 600; font-family: inherit; display: inline-flex; align-items: center; gap: 6px; transition: all .2s; }
.ind-filter-reset:hover{ background: var(--blue); color: var(--white); border-color: var(--blue); }
.ind-filter-reset svg{ width: 13px; height: 13px; }
@media (max-width: 900px){ #variantPills{ grid-template-columns: repeat(2, 1fr); } .ind-filter-step{ padding: 18px 22px; } .ind-filter-summary{ padding: 14px 22px; } }
@media (max-width: 480px){ #variantPills{ grid-template-columns: 1fr; } }

/* PROFILE CTA */
.profile-cta{ margin-top: 22px; background: linear-gradient(135deg, #1E2A4A 0%, #2D3B66 60%, #1B2541 100%); border-radius: var(--radius-lg); padding: 26px 30px; color: var(--white); display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; position: relative; overflow: hidden; }
.profile-cta::before{ content:''; position: absolute; inset: 0; background: radial-gradient(50% 70% at 0% 50%, rgba(255,159,67,.16) 0%, transparent 60%), radial-gradient(40% 60% at 100% 50%, rgba(92,141,255,.22) 0%, transparent 60%); pointer-events: none; }
.profile-cta-body{ position: relative; z-index: 1; }
.profile-cta-eyebrow{ font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--orange); margin-bottom: 8px; display: block; }
.profile-cta-title{ font-size: 20px; font-weight: 800; letter-spacing: -.015em; line-height: 1.25; margin-bottom: 8px; color: #fff; }
.profile-cta-sub{ font-size: 14px; color: rgba(255,255,255,.75); margin: 0; line-height: 1.5; }
.profile-cta-action{ position: relative; z-index: 1; }
.profile-cta .btn{ background: var(--orange); color: var(--white); box-shadow: 0 6px 18px rgba(255,159,67,.35); }
.profile-cta .btn:hover{ background: #F37B19; transform: translateY(-1px); box-shadow: 0 10px 24px rgba(255,159,67,.45); }
@media (max-width: 700px){ .profile-cta{ grid-template-columns: 1fr; padding: 22px 22px; } }

/* RESULTS WIDGET */
.results-section{ padding: 56px 0; background: linear-gradient(180deg, transparent 0%, rgba(92,141,255,.05) 100%); }
.results-frame{ background: var(--white); border: 1px solid var(--border); border-radius: 18px; overflow: hidden; box-shadow: 0 24px 56px rgba(35,50,90,.12), 0 6px 16px rgba(35,50,90,.06); max-width: 1100px; margin: 0 auto; }
.results-chrome{ display: flex; align-items: center; gap: 14px; padding: 14px 20px; background: linear-gradient(180deg, #F7F9FE 0%, #EEF2FA 100%); border-bottom: 1px solid var(--border-soft); }
.results-dots{ display: flex; gap: 7px; flex-shrink: 0; }
.results-dots span{ width: 12px; height: 12px; border-radius: 50%; background: #E5E9F2; }
.results-dots span:nth-child(1){ background: #FF6058; }
.results-dots span:nth-child(2){ background: #FFBD2E; }
.results-dots span:nth-child(3){ background: #29CC42; }
.results-url{ flex: 1; background: var(--white); border: 1px solid var(--border-soft); border-radius: 999px; padding: 6px 16px; font-size: 13px; color: var(--text-soft); font-family: 'SF Mono', 'Roboto Mono', monospace; display: flex; align-items: center; gap: 8px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.results-url svg{ width: 12px; height: 12px; color: var(--green); flex-shrink: 0; }
.results-url-host{ color: var(--text); font-weight: 600; }
.results-meta{ font-size: 12px; color: var(--text-soft); display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; }
.results-meta::before{ content:''; width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 3px rgba(34,197,94,.18); }
.results-body{ padding: 36px; }
.results-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
.results-head h3{ font-size: 22px; font-weight: 800; letter-spacing: -.015em; margin-bottom: 4px; }
.results-head p{ font-size: 13.5px; color: var(--text-soft); margin: 0; }
.results-period{ font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--blue-dark); background: var(--blue-soft); padding: 5px 11px; border-radius: 999px; }
.kpi-grid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 26px; }
.kpi-card{ background: linear-gradient(180deg, #FAFCFF 0%, #F5F8FF 100%); border: 1px solid var(--border-soft); border-radius: 14px; padding: 22px 20px 20px; position: relative; transition: all .25s ease; overflow: hidden; }
.kpi-card:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: rgba(92,141,255,.3); }
.kpi-card::before{ content:''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(180deg, var(--blue) 0%, var(--blue-dark) 100%); }
.kpi-card.accent::before{ background: linear-gradient(180deg, #22C55E 0%, #16A34A 100%); }
.kpi-card.warm::before{ background: linear-gradient(180deg, var(--orange) 0%, #F37B19 100%); }
.kpi-label{ font-size: 11.5px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--text-soft); margin-bottom: 14px; display: flex; align-items: center; gap: 6px; }
.kpi-label svg{ width: 13px; height: 13px; }
.kpi-value{ font-size: 36px; font-weight: 800; letter-spacing: -.03em; line-height: 1; color: var(--text); margin-bottom: 6px; }
.kpi-value .unit{ font-size: 18px; font-weight: 700; color: var(--text-soft); margin-left: 2px; }
.kpi-sub{ font-size: 12.5px; color: var(--text-soft); line-height: 1.4; }
.kpi-trend{ display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 600; color: #16A34A; margin-top: 6px; }
.kpi-trend svg{ width: 12px; height: 12px; }
.kpi-trend.down{ color: var(--text-soft); }
.results-foot{ display: flex; justify-content: space-between; align-items: center; gap: 14px; padding-top: 22px; border-top: 1px dashed var(--border-soft); font-size: 13px; color: var(--text-soft); flex-wrap: wrap; }
.results-foot-info{ display: inline-flex; align-items: center; gap: 8px; }
.results-foot-info svg{ color: var(--blue); flex-shrink: 0; }
.results-foot a{ font-weight: 600; color: var(--blue-dark); display: inline-flex; align-items: center; gap: 6px; transition: gap .2s; }
.results-foot a:hover{ gap: 10px; color: var(--blue); }
.results-foot a svg{ width: 13px; height: 13px; }
@media (max-width: 900px){ .kpi-grid{ grid-template-columns: repeat(2, 1fr); } .results-body{ padding: 24px 22px; } .results-chrome{ padding: 12px 16px; } .results-meta{ display: none; } }
@media (max-width: 480px){ .kpi-grid{ grid-template-columns: 1fr; } }

/* INDICATOR MODAL */
.ind-modal-overlay{ position: fixed; inset: 0; background: rgba(20, 28, 56, .55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; }
.ind-modal-overlay.open{ opacity: 1; visibility: visible; }
.ind-modal{ background: var(--white); border-radius: var(--radius-xl); width: 100%; max-width: 640px; max-height: 88vh; overflow-y: auto; box-shadow: 0 32px 80px rgba(20, 28, 56, .25); position: relative; transform: translateY(20px) scale(.98); transition: transform .3s cubic-bezier(.2, .8, .25, 1); }
.ind-modal-overlay.open .ind-modal{ transform: translateY(0) scale(1); }
.ind-modal-head{ padding: 28px 32px 20px; border-bottom: 1px solid var(--border-soft); position: sticky; top: 0; background: var(--white); z-index: 2; border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.ind-modal-head-row{ display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.ind-modal-num{ display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%); color: var(--white); font-size: 18px; font-weight: 800; letter-spacing: -.01em; box-shadow: 0 6px 16px rgba(92,141,255,.35); flex-shrink: 0; }
.ind-modal-meta{ flex: 1; min-width: 0; }
.ind-modal-crit{ font-size: 11.5px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--blue-dark); background: var(--blue-soft); padding: 4px 10px; border-radius: 999px; display: inline-block; margin-bottom: 6px; }
.ind-modal-eyebrow{ display: block; font-size: 13px; color: var(--text-soft); font-weight: 500; }
.ind-modal-close{ position: absolute; top: 22px; right: 22px; width: 36px; height: 36px; border-radius: 10px; background: var(--blue-soft); color: var(--blue-dark); display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; transition: all .2s ease; }
.ind-modal-close:hover{ background: var(--blue); color: var(--white); transform: rotate(90deg); }
.ind-modal-close svg{ width: 18px; height: 18px; }
.ind-modal-title{ font-size: 19px; font-weight: 700; line-height: 1.35; letter-spacing: -.01em; color: var(--text); margin: 0; }
.ind-modal-body{ padding: 22px 32px 28px; }
.ind-modal-section{ margin-bottom: 22px; }
.ind-modal-section:last-child{ margin-bottom: 0; }
.ind-modal-label{ font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: var(--blue-dark); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; }
.ind-modal-label::before{ content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }
.ind-modal-section p{ font-size: 14.5px; line-height: 1.65; color: var(--text); margin: 0; }
.ind-modal-oblig{ background: linear-gradient(180deg, #FAFCFF 0%, #F5F8FF 100%); border: 1px solid var(--border-soft); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; }
.ind-modal-oblig:last-child{ margin-bottom: 0; }
.ind-modal-oblig-cat{ display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: var(--blue-dark); background: var(--blue-soft); padding: 3px 9px; border-radius: 6px; margin-bottom: 8px; }
.ind-modal-oblig p{ font-size: 14px; line-height: 1.6; color: var(--text); margin: 0; }
.ind-modal-foot{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 32px; border-top: 1px solid var(--border-soft); background: #FAFCFF; border-radius: 0 0 var(--radius-xl) var(--radius-xl); position: sticky; bottom: 0; flex-wrap: wrap; }
.ind-modal-nav{ display: flex; gap: 6px; }
.ind-modal-nav button{ width: 36px; height: 36px; border-radius: 10px; background: var(--white); border: 1px solid var(--border); color: var(--text-soft); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all .2s ease; }
.ind-modal-nav button:hover:not(:disabled){ background: var(--blue); border-color: var(--blue); color: var(--white); transform: translateY(-2px); }
.ind-modal-nav button:disabled{ opacity: .35; cursor: not-allowed; }
.ind-modal-nav svg{ width: 16px; height: 16px; }
.ind-modal-counter{ font-size: 13px; color: var(--text-soft); font-weight: 500; }
.ind-modal-counter strong{ color: var(--text); font-weight: 700; }
@media (max-width: 560px){ .ind-modal{ max-height: 92vh; } .ind-modal-head{ padding: 22px 22px 18px; } .ind-modal-body{ padding: 18px 22px 22px; } .ind-modal-foot{ padding: 14px 22px; } }




/* ════════ Habillage de fond — Ce qui est inclus ════════ */
.inclus-band{ position:relative; overflow:hidden; background:linear-gradient(180deg,#F3F7FF,#EAF1FE); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.inclus-band .deco{ position:absolute; width:118px; opacity:.45; filter:blur(1.6px) drop-shadow(0 18px 30px rgba(47,86,187,.18)); pointer-events:none; user-select:none; }
.inclus-band .deco-a{ top:54px; right:4%; transform:rotate(8deg); }
.inclus-band .deco-b{ bottom:46px; left:3.5%; width:94px; transform:rotate(-10deg); }
.inclus-band .deco-c{ top:42%; left:1.8%; width:84px; transform:rotate(12deg); opacity:.35; }
.inclus-band .deco-d{ bottom:24%; right:2.2%; width:88px; transform:rotate(-8deg); opacity:.35; }
@media (max-width:1100px){ .inclus-band .deco{ display:none; } }


/* ════════ Qualif v2 — 2 colonnes : filtres | grand écran matrice ════════ */
.qualif-grid{ display:grid; grid-template-columns:330px 1fr; gap:26px; align-items:stretch; margin-bottom:26px; }
.qualif-left{ display:flex; flex-direction:column; }
.qualif-left .ind-filter{ height:100%; margin-bottom:0; }
.qualif-left .ind-filter-options{ flex-direction:column; align-items:stretch; }
.qualif-left .variant-pill, .qualif-left .spec-pill{ width:100%; text-align:left; justify-content:flex-start; }
.qualif-screen{ min-width:0; }
.qualif-screen .mq-frame{ display:flex; flex-direction:column; height:100%; }
.qualif-screen-body{ padding:18px; background:#F7FAFF; flex:1; }
.qualif-screen-body .matrix-wrap{ border:none; box-shadow:none; margin:0; padding:0; background:transparent; }
@media (max-width:980px){ .qualif-grid{ grid-template-columns:1fr; } }

/* h3 "clef en main" : contraste renforcé sur bande teintée */
.inclus-band .grad{ background:linear-gradient(115deg, #2F56BB 0%, #3F6FE0 55%, #E07F1E 125%); -webkit-background-clip:text; background-clip:text; }

/* Carte profil : titre toujours blanc (override h3 navy de storyline) */
.profile-cta .profile-cta-title{ color:#fff; }

/* Pills catégorie compactes : code + nom, en ligne dans la colonne gauche */
.qualif-left #variantPills{ grid-template-columns:1fr; gap:7px; background:transparent; border:none; padding:0; }
.qualif-left .variant-pill{ flex-direction:row; align-items:center; gap:11px; padding:11px 13px; background:#fff; border:1px solid var(--border-soft); border-radius:12px; }
.qualif-left .variant-pill:hover{ background:#fff; border-color:var(--blue-200); }
.qualif-left .variant-pill.active{ background:var(--white); border-color:var(--blue); box-shadow:0 4px 14px rgba(60,90,160,.12); }
.variant-pill-code{ flex-shrink:0; width:42px; height:30px; display:grid; place-items:center; border-radius:8px; background:var(--blue-bg); color:var(--blue-dark); font-size:13px; font-weight:800; letter-spacing:.02em; transition:all .18s ease; }
.variant-pill.active .variant-pill-code{ background:linear-gradient(135deg,var(--blue),var(--blue-dark)); color:#fff; box-shadow:0 4px 10px rgba(92,141,255,.4); }
.variant-pill-name{ font-size:13.5px; font-weight:600; color:var(--text); text-align:left; line-height:1.2; }
