/* Înălțimea și grosimea pe pagina de produs (șosete Smartwool).
   Tot ce e aici e scopat pe `.sw-axe` / `.sw-pescurt`, ca să nu atingă nimic din temă.
   2026-11-15: .sw-axe-ghid = buton „Ghid șosete” cu iconiță.
   2026-11-14: Creat. */

.sw-axe {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
  border: 1px solid #e2e6ea;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 16px 0;
  background: #fff;
}

.sw-axe-c {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 180px;
  min-width: 0;
  text-decoration: none !important;
  color: #14181d !important;
  border-radius: 8px;
  padding: 4px;
}
.sw-axe-c:hover { background: #f6f7f9; }
.sw-axe-c img { width: 40px; height: auto; flex: none; }
.sw-axe-c span { display: flex; flex-direction: column; min-width: 0; }
.sw-axe-c small {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  color: #5d6873;
  line-height: 1.5;
}
.sw-axe-c b { font-size: 15px; font-weight: 700; line-height: 1.25; }
.sw-axe-c i { font-size: 12px; font-style: normal; color: #5d6873; line-height: 1.35; }

/* 2026-11-15: buton „Ghid șosete” (era un link subliniat „Cum aleg?”) */
.sw-axe-ghid {
  align-self: center;
  flex: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  border: 1.5px solid #FA4616;
  border-radius: 10px;
  color: #14181d !important;
  text-decoration: none !important;
  transition: background .15s, color .15s;
}
.sw-axe-ghid svg { width: 22px; height: 22px; stroke: #FA4616; flex: none; transition: stroke .15s; }
.sw-axe-ghid span { display: flex; flex-direction: column; }
.sw-axe-ghid b { font-size: 14px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.sw-axe-ghid i { font-size: 11px; font-style: normal; color: #5d6873; line-height: 1.3; white-space: nowrap; }
.sw-axe-ghid:hover { background: #FA4616; color: #fff !important; }
.sw-axe-ghid:hover svg { stroke: #fff; }
.sw-axe-ghid:hover i { color: #fff; }

/* icoana pusă de JS în tabelul „Pe scurt” din descriere */
.sw-pescurt { display: inline-flex; align-items: center; gap: 8px; }
.sw-pescurt img { width: 30px; height: auto; flex: none; }
.sw-pescurt-ghid { font-size: 12px; margin-left: 8px; white-space: nowrap; }

@media (max-width: 640px) {
  .sw-axe { gap: 6px; padding: 10px; }
  .sw-axe-c { flex: 1 1 calc(50% - 6px); }
  .sw-axe-c img { width: 34px; }
  .sw-axe-c b { font-size: 14px; }
  .sw-axe-c i { display: none; }          /* pe telefon rămâne doar valoarea, altfel se înghesuie */
  .sw-axe-ghid { flex: 1 1 100%; justify-content: center; margin-top: 4px; }
}